使用组件的细节点

Posted 2020-12-31 zhx119

使用is属性，解决模板标签的出现bug的问题，data在根主件可以是属性，在子组件中data必须是函数,在组件中添加ref，这样在组件中可以使用$ref来获取相应的dom阶点，例如

<div ref="hello"
     @click="handle"
>
  hellworld
</div>

methods: {
  handle ()
  {
    console.log (this.$refs.hello.innerText);
  }
},
在组件中通过这种方式获取到的是当前的组件，和获取ref dom节点是一样的