Vue 点击父组件显示子组件,反之隐藏子组件,显示父组件。
问题:一开始父组件显示,子组件隐藏。点击父组件按钮,父组件隐藏自身,子组件显示。点击子组件按钮,子组件隐藏,父组件显示解决办法:父组件引入子组件,并注册,绑定相关变量和值。父组件下的代码showTable为隐藏显示整个父组件引入子组件,并注册子组件showList为隐藏显示整个子组件声明需要使用或传递的变量子组件上绑定showList,初始值为false,即为隐藏子组件。同时双向绑定showLis
·
问题:
一开始父组件显示,子组件隐藏。
点击父组件按钮,父组件隐藏自身,子组件显示。
点击子组件按钮,子组件隐藏,父组件显示
解决办法:
父组件引入子组件,并注册,绑定相关变量和值。
父组件下的代码
showTable 为隐藏显示整个父组件
引入子组件,并注册子组件
showList 为隐藏显示整个子组件
声明需要使用或传递的变量
子组件上绑定 showList,初始值为false,即为隐藏子组件。同时双向绑定showList该值,并绑定一个方法parEvn。
在父组件相应方法中控制定义的变量属性
点击按钮隐藏父组件,显示子组件。
子组件下的代码
首先接收父组件传递过来的参数
该参数为双向绑定下的值,父组件中点击后改变的值,传给子组件
子组件里面定义了初始化值为false,这个值是为了通过$emit传给父组件的。
子组件点击相应按钮,调用父组件中绑定的方法,并传递一个参数为false。
父组件下的方法
父组件下接收子组件传递的值,进行相应的变量改变。
更多推荐
已为社区贡献1条内容
所有评论(0)