vue.js-将所选选项字符串数据从传递到
我有一段代码,基于元素: 新Vue{ 模板:' -挑选- {{item.text} ', 数据:{ 选择选项: }, 方法:{ handleChange:functionevent{ console.logthis.selectedOption;//您将在此处找到该值 } } } 目标是获取selectedOption的字符串值并将其从传递到。这些组件包含在主父组件中。 可以用$emit修改这个handleChange方法吗?最好的方法是什么vue.js-将所选选项字符串数据从传递到,vue.js,Vue.js,我有一段代码,基于元素: 新Vue{ 模板:' -挑选- {{item.text} ', 数据:{ 选择选项: }, 方法:{ handleChange:functionevent{ console.logthis.selectedOption;//您将在此处找到该值 } } } 目标是获取selectedOption的字符串值并将其从传递到。这些组件包含在主父组件中。 可以用$emit修改这个handleChange方法吗?最好的方法是什么 我是vue.js的新手,请提前感谢。只需将更改后的值
我是vue.js的新手,请提前感谢。只需将更改后的值发送给父级:
handleChange: function(event){
this.$emit("valueChanged", this.selectedOption);
}
在父级中,您需要定义一个存储发出的值的变量和一个用于分配该值的函数
{
data: function() {
return {
myValue: ""
}
},
methods: {
setValue(value) {
this.myValue = value;
}
}
}
此外,在父级中,您还可以拦截此发射并通过执行以下操作设置此值:
<oneChildComponent @valueChanged="setValue"/>
<anotherChildComponent :myValue="myValue" />
{
props: {
myValue: String
}
}