vue 处理边界情况
2021-08-15 本文已影响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'//方法
}