調用方法:Vue.set( target, key, value )
target:要更改的數據源(可以是對象或者數組)
key:要更改的具體數據
value :重新賦的值
<!DOCTYPE html><html><head>  <meta charset="UTF-8">  <title></title></head><body><div id="app">  <p v-for="(item,index)in list" :key="item.id" @click="btnClick(index,item.id)">    {{item.message}}  </p></div><script src="../../dist/vue.min.js"></script><script>  var vm2=new Vue({    el:"#app",    data:{      list:[        {message:"星星",id:"1"},        {message:"太陽",id:"2"},        {message:"月亮",id:"3"}      ]    },    methods:{      btnClick(index,id){        this.$set(this.list,index,{message:"小貓",id:id});      }    }  });</script></body></html>以上就是本次給大家介紹的相關vue循環列表動態數據的處理方法的全部內容,感謝大家對錯新站長站的支持。
新聞熱點
疑難解答
圖片精選