标签的ref属性

Erick Yu

于 2024-03-21 10:30:49 发布

阅读量76

点赞数 3

文章标签： javascript 前端 vue.js

本文链接：https://blog.csdn.net/ykrsgs/article/details/136901044

版权

<template>
    <div class="person">
      <h2>a</h2>
      <h2 ref="char">b</h2>
      <button @click="showlog">show</button>
      
    </div>
</template>

<script lang="ts" setup name = "Person">
  import { ref } from 'vue'

  let char = ref() // char用来存储ref标记的内容
  
  // function
  function showlog() {
    console.log(char.value)
  }

</script>
  
<style scoped>
  /* 可以添加样式 */
</style>