問題：naive UI 在表格中使用n-swith時無法觸發事件發生

一、問題描述

在數據表格中嵌入switch時，寫入的switch事件沒有效果

二、產生原因

關於table的列表項都是進行過拆分的，單獨在ts文件寫的數據，此時我們利用的是render函數來創造元素，所以就會出現寫法上的偏差

三、解決方案

Naive的官方文檔是提到了的，關於事件在jsx的寫法如下 @update:value="handleChange"

在Naive UI的官方文檔中的@update:xxx，我們利用jsx寫法則可以寫成onUpdateValue

在文檔中有‘-’連着的屬性名皆可以利用大寫來轉換！例：default-value在render函數可以寫成defaultValue

//表格數據
{
    title: "操作",
    fixed: "right",
    render(row) {
      return h(NSwitch, {
        defaultValue: value,
        // 監測switch的改變
        onUpdateValue: handleChange,
      })
    },
  },
const handleChange = (val) => {
  if (val) {
    message.success("打開")
  } else {
    message.success("關閉")
  }
}

效果如下