vue.js根据数组的下标动态生成与下标相等的数组,方便书写和维护,可以动态渲染数据,怎么实现?

js根据数组的下标动态生成与下标相等的数组,方便书写和维护,可以动态渲染数据,怎么实现?
大神们这么一说肯定被我说懵了,不知道我想干啥,为了更好的表达我的意思我先附上我自己的代码,程序猿一看便知

clipboard.png
数组是我一个一个创建出来的,这些true和false是控制我这个元素是不是要显示的,一看我的html便知道

clipboard.png
这个section就是我控制显示隐藏的,现在呢我拿回来的数据是需要处理的,吧每个id相等的放在一个数组里面,页面中id相等的不等,有的多有的少,所有我用的笨方法先创建出来10个有几个显示几个,多了10个就不能显示了。

clipboard.png
我用拿回来的数据线做了10个固定的数组

clipboard.png
每次拿到之后我先放入页面中,现在想问的就是怎么才能 一个数组,怎么才能下标是多少,就创建多少数组呢,可以我写的dome是

clipboard.png
但是我现在知道有多少数组和下标了,我的页面里面的data该怎写?我页面的渲染怎么写呢

请大神赐教

阅读 4.8k
3 个回答

感觉可以用二维数组

看了半天还是没明白楼主要干嘛

总之

  • 创建一个含有n个元素的数组:new Array(n)
  • Vue中把数组渲染到页面上用 v-for

你获取的数据areaName,template上是deviceName?这看不懂啊

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题