技巧-Vue3-获取控件文本-elementUI

40 阅读1分钟

标准的控件可以使用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>

效果如下: