标准的控件可以使用
ref
获取DOM
控件,但是在开发过程中发现,如果使用elementUI
就会失效。通过反复折腾,终于找到一种其他的方式。
代码如下:
<script setup>
import {ref} from "vue";
const msg = ref('')
function getText(e){
msg.value= e.target.innerText
}
</script>
<template>
<button @click="getText($event)">标准按钮</button>
<el-button @click="getText($event)">element 按钮</el-button>
<p>获取到的文本: {{msg}}</p>
</template>
效果如下: