在 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()函数时,需要传入要监听的响应式数据作为第一个参数,以及一个回调函数作为第二个参数,回调函数的参数就是新的值。

Vue3 setup() 函数中监听 a-select 的 onchange 事件

原文地址: https://www.cveoy.top/t/topic/qwKk 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录