526互联

vue-test --------ref

发布时间 2023-11-07 23:11:27作者: 林浅
<template>
 <div ref="contain">{{content}}</div>
  <button @click="getElemet">获取元素</button>
  <input type="text" ref="username">
</template>

<script>
export default {
  name: "RefDemo",
  data(){
    return{
      content:"内容"
    }
  },
  methods:{
    getElemet(){
      console.log(this.$refs.contain.innerHTML="改变")
      console.log(this.$refs.username.value)
    }
  }
}
</script>

<style scoped>

</style>