不知为什么我的markdown语法显示不出来！
例如：
<template>
<div>
<div>
<div v-for="(item,index) in allList" >{{`${item.name}---${index}`}}</div>
</div>
<button @click="allList.splice(2,0,{name:'第三'})"/>
</div>
</template>
<script>
export default {
data(){
return{
allList:[{
name:"第一"
},{
name:"第二"
},{
name:"第四"
},{
name:"第五"
}]
}
}
}上面的代码初次加载完成后会大致显示为
- 第一
- 第二
- 第四
- 第五
当点击button后，在列表的第二个下标位置增加一条记录。会显示为
- 第一
- 第二
- 第四
- 第五
- 第三
而不是
- 第一
- 第二
- 第三
- 第四
- 第五
是VUE自动将新增的数据挂载到最后一个位置吗？
我要怎么解决这个问题，让她动态的加载到指定的位置
请各位大佬多多帮忙！
1 个回复
龙雨溪
跟数据是对应的，你添加到后面就行了