拓展:vue 父组件调用子组件方法ref(且父组件可通过ref调用的方法传值给子组件)
发布时间:2024年01月04日
1、ref被用来给元素或子组件注册引用信息。引用信息将会注册在父组件的$refs对象上
//一、ref被用来给元素或子组件注册引用信息。引用信息将会注册在父组件的$refs对象上
<div class="formBtn fl" @click="setBtn('4')">111</div>
<div class="formBtn fl" @click="setBtn('3')">222</div>
<div class="formBtn fl" @click="setBtn('55')">333</div>
//子组件:(重点1:Vue中父组件想调用子组件的方法,可以在子组件中加上ref,然后通过this.$refs.ref.method调用)
<Set-Dialog :setDialogSave="setDialogSave" ref="SetDialog"></Set-Threshold-Dialog>
import SetDialog from '@/components/xxx/setThreshold.vue'
//在父组件中注册
components:{
SetDialog
}
methods:{
//this.$refs.eleTable.子组件的方法名+()
//this.$refs.eleTable.子组件的属性名
setThresholdBtn(type) {
//重点2:此处为父组件调用子组件方法并传
this.$refs.SetDialog.show(ty
文章来源:https://blog.csdn.net/qq_33911541/article/details/135379758
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如若内容造成侵权/违法违规/事实不符,请联系我的编程经验分享网邮箱:chenni525@qq.com进行投诉反馈,一经查实,立即删除!