0
点赞
收藏
分享

微信扫一扫

vue中ref属性

天蓝Sea 2022-02-08 阅读 197

作用:

获取原生js中的的dom元素(标签元素)或者vue中的组件元素。

与原生js属性用法比较:

1)该属性对应原生javascript中的id和class属性

//通过class或id查找元素
doucument.getElementByClass("school")
document.getElementById("school");
//通过class或id查找标签元素
document.queryElement(".school")
cocument.queryElement("#school")

2)vue中的ref属性

 

<template>
  <div id="app">
    <button ref = "but">按钮</button>
    <School ref = "sch"/>
    <span ref = "hi">你好啊</span>
  </div>
</template>
<script>
//查找vue代码中的原生js标签或vue组件
this.$refs
</script>
举报

相关推荐

0 条评论