Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/vue.js/6.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
vue.js-将所选选项字符串数据从传递到_Vue.js - Fatal编程技术网

vue.js-将所选选项字符串数据从传递到

vue.js-将所选选项字符串数据从传递到,vue.js,Vue.js,我有一段代码,基于元素: 新Vue{ 模板:' -挑选- {{item.text} ', 数据:{ 选择选项: }, 方法:{ handleChange:functionevent{ console.logthis.selectedOption;//您将在此处找到该值 } } } 目标是获取selectedOption的字符串值并将其从传递到。这些组件包含在主父组件中。 可以用$emit修改这个handleChange方法吗?最好的方法是什么 我是vue.js的新手,请提前感谢。只需将更改后的值

我有一段代码,基于元素:

新Vue{ 模板:' -挑选- {{item.text} ', 数据:{ 选择选项: }, 方法:{ handleChange:functionevent{ console.logthis.selectedOption;//您将在此处找到该值 } } } 目标是获取selectedOption的字符串值并将其从传递到。这些组件包含在主父组件中。 可以用$emit修改这个handleChange方法吗?最好的方法是什么


我是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
    }
}