小程序
小游戏
企业微信
微信支付
扫描小程序码分享
在uniapp+vue中使用v-for循环元素时，给每个元素动态添加class类名时使用:class="`test${index}`"这样的形式打包到微信后在微信开发者工具中打开后发现类名被编译成了NaN
在uniapp中：
<view v-for="(item,index) in 4" :class="`test${index}`"></view>
在微信开发者工具中：
有知道这是怎么回事的吗？应该如何解决？
1 个回答
加粗
标红
插入代码
插入链接
插入图片
上传视频
你编译没报错么，这样写
<view v-for="(item,index) in 4" :class="'test'+index">{{index}}</view>
你好，麻烦通过点击下方“反馈信息”按钮，提供出现问题的。
是这样的使用的模板字符串，只要涉及到item或者index变量就会编译为NaN
<view v-for="(item,index) in 4" :class="'test'+index"></view>
<view v-for="(item,index) in 4" :class="getClassName(index)"></view>
关注后，可在微信内接收相应的重要提醒。
请使用微信扫描二维码关注 “微信开放社区” 公众号
你编译没报错么，这样写
<view v-for="(item,index) in 4" :class="'test'+index">{{index}}</view><view v-for="(item,index) in 4" :class="`test${index}`"></view>是这样的使用的模板字符串，只要涉及到item或者index变量就会编译为NaN<view v-for="(item,index) in 4" :class="'test'+index"></view><view v-for="(item,index) in 4" :class="getClassName(index)"></view>