vue.js - vue 组件间传值问题
本文介绍了vue.js - vue 组件间传值问题的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
问 题
我定义了一个组件,然后我希望这里面这个值是动态生成的,因为这个组件在很多页面都会用到
然后我在这个页面调用了这个方法,我要如何把值传进去,定义modelText的值啊?求各位大佬解答
解决方案
这是页面调用: <datarender data-titlem="入参" data-typem="JSON" data-valuem='{"aaa":{"vv":123}}' ref="ref1"></datarender>
这是组件接收页面歘来的值: props: {
dataTypem: String,
dataValuem: String,
dataTitlem: String,
},
data: function () {
return {
dataTitle: this.dataTitlem,
dataValue: this.dataValuem,
dataType: this.dataTypem,
}
},
大致示例,这是我之前做的一个项目
这篇关于vue.js - vue 组件间传值问题的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文