关于vue传值问题 v-show

<div name="del" v-show="isShow">删除</div>

在一个子组件件中,有一个div, v-show控制这个div的显示与隐藏,如何把isShow传到父组件中,然后在父组件中控制isShow的值来div显示与隐藏。


拉风的咖菲猫
浏览 1184回答 6
6回答

白猪掌柜的

好好看看文档,emit,和props是怎么用的

12345678_0001

方案 很多父组件 定义一个值 isShow子组件 isShowChildren :this.$parent.isShow====父组件调用子组件方法&nbsp;子组件来控制 isShow的值 true or false

HUX布斯

既然是在父组件中控制,你可以直接在父组件中定义isShow,再通过props传递到子组件中呀

侃侃无极

vue父子组件通信,

墨色风雨

1.父传子1)在父组件的子组建中绑定:message = "这是传过去的值"2) 在子组建中定义穿过来的值props:['message']&nbsp;&nbsp;//&nbsp;要与父组件中绑定的名字一样3)调用就直接用this.2.子传父在子组件中定义传过去的值this.$emit('childOne', 0)this.$emit('传过去的名', 传过去的值)在父组件中要为子组建绑定事件 注 两个名字要一样<v-login @childOne="thisChild"></v-login>在定义事件 此时的type就是从子组件中传过来的值thisChild: function (type) {this.isShow = type},
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

JavaScript