vue 报错: Cannot use v-for on stateful component root element because it renders multiple elements.

最新推荐文章于 2023-05-05 15:45:09 发布

ohmorning

最新推荐文章于 2023-05-05 15:45:09 发布

阅读量443

点赞数

文章标签： vue 报错

本文链接：https://blog.csdn.net/qq_41818857/article/details/107943502

版权

原因:
不能直接在组件的根元素直接使用v-for,外面必须嵌套一层容器.
解决代码如下:

 Vue.component('my-menu',
            {
                props: ['nickname', 'age'],
                template: 
                `<div>
            <div @click="zz" v-for="item in list">   {{nickname}}--{{age+10}</div>
           	 </div>`,
                data() {
                    return {
                        list: ['ss', 'qq', 'ww']
                    }
                },
                methods: {
                    zz() {
                        alert('lw')
                    }
                }
            }
        )