mpvue中v-for嵌套报错SyntaxError: missing ) after argument list 问题解决

最新推荐文章于 2024-08-12 07:30:00 发布

玩代码的老秦

最新推荐文章于 2024-08-12 07:30:00 发布

阅读量383

点赞数

文章标签：前端 vue.js 微信小程序

本文链接：https://blog.csdn.net/sharleen84/article/details/132247711

版权

本文讲述了在Vue项目中，尤其是在处理多层v-for嵌套时遇到的关于key值字符拼接问题。问题在于MPVue环境下，不能直接在模板中编译包含拼接字符的key值。解决方法是使用methods中的函数返回拼接结果。

摘要由CSDN通过智能技术生成

vue程序，在多层v-for嵌套时，需要指定第二个参数，否则默认为index，这样就会冲突报错，重复了index index。在解决了索引问题后，继续出现第二个问题，就是题目所述的问题，查阅测试了网上所有的解决办法，都无法解决，大家把精力都集中在索引冲突上了。其实这个报错问题出在key的拼接上，因为在子v-for中，key值肯定是要用字符拼接的，即引用父级索引或者属性，再加上本层的属性或索引，问题就出在这里，在mpvue中无法编译绑定值中的字符拼接。因此就报错了。

解决办法就是：使用函数methods方法返回拼接就行了。