美文网首页
vue 处理边界情况

vue 处理边界情况

作者: 醉青风 | 来源:发表于2021-08-15 14:20 被阅读0次

访问根级组件实例 $root

$root访问的是根节点的属性,小型项目可以用在根节点设置属性等提供给子页面调用,相当于一个vuex

访问父级组件实例 $parent

$parent访问父级节点属性,组件拿父级的元素方法等(一般不推荐使用)

访问子组件实例或子元素 ref

$refs访问定义元素的属性,在元素上定义ref值name,然后使用this.$refs.name

依赖注入

当我们在其他子组件都需要使用父组件的一些方法时,我们用 $parent就会显着太过繁琐。这时候我们就可以使用依赖注入的方法,进行方法传递。

//父页面注册需要传递的方法
provide: function () {
  return {
    getMap//别名
      : this.getMap//方法
  }
}

//子组件注册方法引入
inject: ['getMap']
// 或
inject:  {
    getbm//别名
      : 'getMap'//方法
  }

$forceUpdate 强制更新

相关文章

网友评论

      本文标题:vue 处理边界情况

      本文链接:https://www.haomeiwen.com/subject/eqvmbltx.html