Vant Weapp

本文主要是介绍Vant Weapp，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

Vant Weapp - 轻量、可靠的小程序 UI 组件库

van-radio name 是一个字符串，无法传对象的处理

以及 mpx 多层嵌套 for 循环处理

<viewwx:for="{{questionList}}"wx:for-item="question" // item 重命名wx:for-index="questionIndex" // index 重命名wx:key="question"><view wx:show="{{questionIndex + 1 === showIndex}}" class="hz-card"><text class="hz-question">{{ questionIndex + 1 }}:{{ question.question }} ({{ question.type }}类问题)</text><van-radio-groupvalue="{{ answerList[questionIndex].answerItem }}"bind:change="onChange($event, questionIndex, question.type)"direction="horizontal"><van-radio wx:for="{{question.options}}" wx:key="text" name='{{"score:" + item.score + ",text:" + item.text}}'>{{ item.text }} 
// name 给传一个类似对象的字符串</van-radio></van-radio-group></view></view>

 onChange(event, index, type) {// vant-radio 中的 name 是字符串，传不了对象，这么处理事因为有的答案不同但是得分相同const selectData = event.detail // "score:1,text:蓝"this.answerList[index].answerItem = selectDatalet score = selectData.split(",")[0].split(":")[1]; // 把 "score:1,text:蓝" 中的 score 取出来this.answerList[index].score = parseInt(score)this.answerList[index].type = type},

这篇关于Vant Weapp的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---