我要评论子组件被点击时触发@node-click="handlenodeclick"
<el-tree
:data="optiondata"
:props="props"
highlight-current
@node-click="handlenodeclick"
>向父级传递值
handlenodeclick (node) {
this.$emit('getval', node)
}父组件
<selecttree
ref="menuparenttree"
:props="{
value: 'id', // id字段名
label: 'text', // 显示名称
children: 'children' // 子级字段名
}"
:value="wbstreedata.name"
:data="wbstreedata"
@getvalue="(value) => {inputform.parentname=value}"
@getval='testdata'
v-on="$listeners"
@node-click="handlenodeclick"
/>有时候需要添加v-on="$listeners"
接收子组件的值
testdata (value) {
if (value.type !== '2')
this.$message.warning('请选择分项')
}总结
子 handlenodeclick (node) {
this.$emit('getval', node)
}
父 @getval='testdata'
testdata (value) {
if (value.type !== '2')
this.$message.warning('请选择分项')
}到此这篇关于vue父组件获取子组件的值的文章就介绍到这了,更多相关vue父组件获取子组件的值内容请搜索代码网以前的文章或继续浏览下面的相关文章希望大家以后多多支持代码网！
发表评论