关于vue传值问题 v-show

Question

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

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

Answer 1

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

Answer 2

方案 很多
父组件 定义一个值 isShow
子组件 isShowChildren :this.$parent.isShow

====
父组件调用子组件方法
子组件来控制 isShow的值 true or false

Answer 3

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

Answer 4

vue父子组件通信，

Answer 5

给你写了其中一个方法的在线demo:https://jsfiddle.net/luozz/f6...

希望对你有所帮助！

Answer 6

1.父传子
1)在父组件的子组建中绑定
:message = "这是传过去的值"
2) 在子组建中定义穿过来的值

props:['message']  // 要与父组件中绑定的名字一样
3)调用就直接用this.

2.子传父
在子组件中定义传过去的值
this.$emit('childOne', 0)
this.$emit('传过去的名', 传过去的值)
在父组件中要为子组建绑定事件 注 两个名字要一样
<v-login @childOne="thisChild"></v-login>

在定义事件 此时的type就是从子组件中传过来的值
thisChild: function (type) {
this.isShow = type
},