vue中子组件怎么向父组件传值,针对这个问题,这篇文章详细介绍了相对应的分析和解答,希望可以帮助更多想解决这个问题的小伙伴找到更简单易行的方法。
引用>
<强>一、子组件主动触发事件将数据传递给父组件强>
1,在子组件上绑定某个事件以及事件触发的函数
子组件代码
& lt; template> & lt; div> & lt; Tree :数据=https://www.yisu.com/zixun/皌reeData”show-checkbox ref=" treeData "> 树> <按钮类型=俺晒Α盄click="提交"> 按钮>
事件在子组件中触发的函数
,,,,,,submit () { ,,,,,,,,美元发出(& # 39;getTreeData& # 39;这个。美元refs.treeData.getCheckedNodes ()); ,,,,,},
2,在父组件中绑定触发事件
& lt; AuthTree , @getTreeData=https://www.yisu.com/zixun/皌estData”>
父组件触发函数显示子组件传递的数据
testData(数据){ ,,,,,console.log (“parent"); ,,,,,console.log(数据) ,,,},
控制台打印的数据
<强>二,不需要再子组件中触发事件(如点击按钮,创建()事件等等)强>
这种方式要简单得多,
1,子组件中绑定ref
& lt; template> & lt; div> & lt; Tree :数据=https://www.yisu.com/zixun/皌reeData”show-checkbox ref=" treeData "> 树>