微信小程序开发好了_vue父子模板传值问题解决方
摘要： vue父子俩模版传值难题处理方式实例剖析 本文关键详细介绍了vue父子俩模版传值难题处理方式,融合实例方式剖析了vue.js父子俩模版传值难题有关完成方式与实际实际操作流程,必须...
vue父子模板传值问题解决方法案例分析
这篇文章主要介绍了vue父子模板传值问题解决方法,结合案例形式分析了vue.js父子模板传值问题相关实现方法与具体操作步骤,需要的朋友可以参考下
template : ` div h1 {{data}} /h1 h2 {{ide}} /h2 span @click="del(ide)" X /span /div ` //one 的子模板 let two = { pro凡科抠图 : ["data" , "ide"], components : { three methods:{ dede (i){ this.$emit("del",i) template : ` div three @del = "dede" :data = "data.title" :ide = "ide" /three /div ` //父模板 let one = { data(){ return { newsData:[ {title:"新闻一"}, {title:"新闻一"}, {title:"新闻一"}, {title:"新闻一"} components : { methods:{ delete2(i){ this.newsData.splice(i,1); template : ` div h1 one1 /h1 two @del = "delete2" :data = "n" ind = "index" v-for="(n,index) in newsData" /two /div ` let vm = new Vue({ el : "#app", components : { })() /script
template : ` div h1 {{data}} /h1 h2 {{ide}} /h2 span @click="del(ide)" X /span /div ` //one 的子模板 let two = { pro凡科抠图 : ["data" , "ide"], components : { three methods:{ dede (i){ this.$emit("del",i) template : ` div three @del = "dede" :data = "data.title" :ide = "ide" /three /div ` //父模板 let one = { data(){ return { newsData:[ {title:"新闻一"}, {title:"新闻一"}, {title:"新闻一"}, {title:"新闻一"} components : { methods:{ delete2(i){ this.newsData.splice(i,1); template : ` div h1 one1 /h1 two @del = "delete2" :data = "n" ind = "index" v-for="(n,index) in newsData" /two /div ` let vm = new Vue({ el : "#app", components : { })() /script
运行结果：
感兴趣的朋友可以使用在线HTML/CSS/JavaScript代码运行工具：测试上述代码运行效果。
希望本文所述对大家vue.js程序设计有所帮助。
