Vue3 setup() 函数中监听 a-select 的 onchange 事件
在 Vue 3 的setup()函数中,可以使用watch()函数来监听v-model的值变化,并执行相应的操作。下面是在setup()函数中书写onchange事件的示例代码:
import { ref, watch } from 'vue';
setup() {
// 定义一个ref响应式数据
const yncf = ref({
cfDoctor: null,
});
// 监听cfDoctor的变化
watch(yncf, (newVal) => {
// 在这里执行onchange事件的操作
console.log('cfDoctor changed:', newVal.cfDoctor);
});
return {
yncf,
};
}
在上面的示例中,通过ref()函数创建了一个名为yncf的响应式数据,并在watch()函数中监听yncf的变化。当cfDoctor的值发生变化时,会执行watch()函数的回调函数,从而触发onchange事件的操作,这里只是简单地打印出cfDoctor的新值。
注意:使用watch()函数时,需要传入要监听的响应式数据作为第一个参数,以及一个回调函数作为第二个参数,回调函数的参数就是新的值。
原文地址: https://www.cveoy.top/t/topic/qwKk 著作权归作者所有。请勿转载和采集!