是可以通过updated传值但是为什么要点击两三次才有正确传值结果？
<body>
<div id="app">
<child content="lee" @cc="hh"></child>
<child content="dell" @cc="hh"></child>
{{inputValue}}
</div>
<script type="text/javascript">
//修改vue 原型链
Vue.prototype.bas=new Vue()
Vue.prototype.z=3;
Vue.component("child",
{
props:{
content:{
type:[String]
}
},
//模板方法为had
template:"<div @click='had'>{{content}}</div>",
methods:{
had:function(){
this.bas.$emit("change",this.content)
this.$emit("cc")
}
},
}
)
var vm=new Vue({
el:"#app",
data:{
inputValue:1
},
methods:{
hh:function(mm){
this.inputValue=2
}
},
//原型链的z一下子获得但是bas.on第一次不会触发？
updated:function(){
console.log('触发updated'+"获取vue原型链的z"+vm.z)
var this_=this
vm.bas.$on('change',function(msg){
alert("进入方法 ")
console.log("bas里面的this为"+this_.content)
console.log("this_"+this_.content)
console.log("传过来的thiscontent"+msg)
this_.content=msg
})
}
})
</script>
</body>
548
收起
正在回答
1回答
因为当 Vue 监听到数据发生更新时，update 才会被执行，bus 指向的 vue 实例才开始监听 change 事件，你只有再点击一次，才能监听到。你应该使用 mounted
0
有任何疑惑可以回复我~
相似问题
对值传递和引用传递有点无法理解
798
0
5
为什么只有第一次点击会发生变化同时用老师写的代码试过也是一样的
392
0
6
非父子组件传值问题
660
0
5
js传值，值老被清空
681
0
4
登录后可查看更多问答，登录/注册
Vue2.5-2.6-3.0开发去哪儿网App 零基础入门到实战
- 参与学习 10661 人
- 提交作业 574 份
- 解答问题 8190 个
课程紧跟Vue3版本迭代，企业主流版本Vue2+Vue3全掌握
了解课程
