怎么在vue中利用ref实现父组件调用子组件

怎么在vue中利用ref 实现父组件调用子组件?相信很多没有经验的人对此束手无策,为此本文总结了问题出现的原因和解决方法,通过这篇文章希望你能解决这个问题。

创新互联建站是一家专注于成都网站设计、做网站、成都外贸网站建设公司与策划设计,万柏林网站建设哪家好?创新互联建站做网站,专注于网站建设10余年,网设计领域的专业建站公司;建站业务涵盖:万柏林等地区。万柏林做网站价格咨询:13518219792




  
  


  
    
    显示
    隐藏
    变色
  
  let loading = {     data() {       return {         flag: true       }     },     template: 'loading...
',     methods: {       hide() {         this.flag = false       },       show() {         this.flag = true       }     }   }   let vm = new Vue({     el: '#app',     components: {       loading     },     methods: {       // 在组件上的ref获取组件实例       // 标签的ref 获得标签的dom       // 使用refs 获取组件实例,然后调用组件的方法即可       hide() {         this.$refs.load.hide()       },       show() {         this.$refs.load.show()       },       changeColor() {         // 获取dom实例 操作样式         this.$refs.load.$el.style.background = 'red'       }     }   })

看完上述内容,你们掌握怎么在vue中利用ref 实现父组件调用子组件的方法了吗?如果还想学到更多技能或想了解更多相关内容,欢迎关注创新互联行业资讯频道,感谢各位的阅读!


文章名称:怎么在vue中利用ref实现父组件调用子组件
URL地址:http://pwwzsj.com/article/ppshes.html

其他资讯