最近刚学用mpvue
开发小程序,因为之前有过vue
开发经验,所以mpvue
感觉不难,只是刚上手做东西,发现还是蛮多坑的。
就好比嵌套v-for
遍历了:
用vue
的时候即使嵌套遍历的index是一样的也不会报错:
<div class="biYeListsDiv" v-show="evaluates.length>0">
<ul v-for="(evaluate,index) in evaluates" :key="index">
<p class="biYeLiTitle">
<span style="font-weight: bold;">毕业要求{{evaluate.ord}}:</span>
{{evaluate.name}}
</p>
<li v-for="(val,index1) in evaluate.evasmallVoList" :key="index1">
<div class="biYeLi">
{{evaluate.ord}}.{{index1+1}}: {{val.name}}
</div>
<div class="biYeRadio">
<el-radio-group v-model="val.chice" @change="uploadByOne(val)">
<el-radio :label="gra" v-for="(gra,index) in val.grade" :key="index">{{gra}}</el-radio>
</el-radio-group>
</div>
</li>
</ul>
</div>
但在mpvue
中却给我显示:
这让我百思不得其解,这不是很正常吗?为何会报错??但无奈也只能跟着提示去改了,就是将每一层遍历的index
声明为不同的名字就可以解决了:
<div class="biYeListsDiv" v-show="evaluates.length>0">
<ul v-for="(evaluate,index) in evaluates" :key="index">
<p class="biYeLiTitle">
<span style="font-weight: bold;">毕业要求{{evaluate.ord}}:</span>
{{evaluate.name}}
</p>
<li v-for="(val,index1) in evaluate.evasmallVoList" :key="index1">
<div class="biYeLi">
{{evaluate.ord}}.{{index1+1}}: {{val.name}}
</div>
<div class="biYeRadio">
<el-radio-group v-model="val.chice" @change="uploadByOne(val)">
<el-radio :label="gra" v-for="(gra,index2) in val.grade" :key="index2">{{gra}}</el-radio>
</el-radio-group>
</div>
</li>
</ul>
</div>
改完后一切正常: