这篇文章将为大家详细讲解有关vue循环列表动态数据的示例分析,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。
调用方法: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循环列表动态数据的示例分析”这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,使各位可以学到更多知识,如果觉得文章不错,请把它分享出去让更多的人看到。
当前题目:vue循环列表动态数据的示例分析-创新互联
网址分享:https://www.cdcxhl.com/article32/dssepc.html
成都网站建设公司_创新互联,为您提供企业建站、网站建设、定制网站、手机网站建设、品牌网站制作、网站制作
声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 创新互联