¥小灰灰 2021-11-19 12:59 采纳率: 0%
浏览 44

vue中的双重v-for循环数据共享问题怎么解啊

问题遇到的现象和发生背景
问题相关代码,请勿粘贴截图
运行结果及报错内容
我的解答思路和尝试过的方法
我想要达到的结果
  • 写回答

2条回答 默认 最新

  • CSDN专家-showbo 2021-11-19 14:21
    关注

    题主意思是2个v-for嵌套,然后第二个需要访问第一个的数据是吧?v-for循环值和下标变量名称可以自己起的

    img

    <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
    <div id="app">
        <div v-for="(value1,index1) in list1">
            <div v-for="(value2,index2) in list2">
                {{value1}}-{{index1}}-{{value2}}-{{index2}}
            </div>
        </div>
    </div>
    <script>
        new Vue({
            el: '#app',
            data: {
                list1: ['a', 'b', 'c'],
                list2: [1, 2, 3]
            }
        })
    </script>
    
    
    
    评论

报告相同问题?

问题事件

  • 创建了问题 11月19日