近期遇到的小问题总结（vue3+ts+naive）

最新推荐文章于 2024-08-03 20:45:58 发布

原创

最新推荐文章于 2024-08-03 20:45:58 发布 · 1.6k 阅读

3 ·

CC 4.0 BY-SA版权

文章标签：

#typescript #前端 #vue.js

目前使用了一个vue3+typescript+naive的框架，导致很多写法都比较生疏，而且这个框架相较于我之前开发的属于比较完善，封装的比较多的框架。就产生了一些小问题，防止忘记，记录如下：

table组件锁定触发事件的写法；
下拉菜单如何实现；
导航目录有多项，但只有一项没设置hidden时应该作为单级目录，而不是有个下拉；
接口调用，在哪里对ip地址进行设置；

1.关于table的列表项都是进行过拆分的，单独在ts文件写的数据，所以我不懂应该怎么触发事件

Naive的官方文档是提到了的，关于事件在jsx的写法，onUpdateValue

所以在代码中需要把这个本身的onupdate：value改为onUpdateValue

  {
    title: '锁定',
    key: 'lockStatus',
    width: 90,
    render(row) {
      return h('div', null, [
        h(
          NSwitch,
          { text: true, color: '#18a2f4', onUpdateValue: () => lock() }
        )
      ])
    }
  },
function lock(){}