1、在弹出层时做一个按钮,可以隐藏这个按钮,这个按钮的函数只是给父组件调用:
这里的this.dialogVisible = true;部分即显示这个子组件,在这里不能点击自己,所以这个按钮可以设置隐藏;
2、在父组件中注册:
3、在父组件中展示这个子组件,注意,在这里加上一个ref,父子组件才能调用它;
4、在父组件中调用:
这里的:this.$refs.viewsuser.showdialog()即调用子组件的函数;
5、显示结果
6、父子组件这样联动调用要使用到变量传递,方法有很多,可以百度一下。
vue中利用子组件的方式调用弹出层
最新推荐文章于 2024-07-02 13:53:25 发布