更多ruoyi-nbcio功能请看演示系统
gitee源代码地址
前后端代码: https://gitee.com/nbacheng/ruoyi-nbcio
演示地址:RuoYi-Nbcio后台管理系统 http://218.75.87.38:9666/
更多nbcio-boot功能请看演示系统
gitee源代码地址
后端代码: https://gitee.com/nbacheng/nbcio-boot
前端代码:https://gitee.com/nbacheng/nbcio-vue.git
27、ue3 已经不支持 $listeners
了,已经启用了,是事件监听器现在是 $attrs
的一部分
28、在 Vue 3 中,通知组件(例如 $notification
)可能不在内置于 Vue 核心库中
所以需要使用第三方的notification了,比如element-plus的是ElNotification,如下:
ElNotification({ //websocket消息通知弹出 title: 'websocket消息通知', message: data.msgTxt, type: 'success', duration: 1000 })
29、vue3子组件暴露方法用
defineExpose({
方法
});
30、vue3插槽的使用
const instance = getCurrentInstance();
在 Vue 3 中,应该尽量避免使用 this
,因为这是针对 Vue 2 实例的。在 Vue 3 中,应该使用 getCurrentInstance
来获取当前组件的实例,并访问相关的插槽。
31、vue3需要注意的是方法名称千万不能跟文件名称相同,否则会出现莫名其妙的问题,对象会访问不到。
32、vue自3.4版本以后,组件间数据双向绑定推荐使用defineModel()宏来实现,而不是用之前做法。
33、对于a-table下面的vue3版本,//selectedRowKeys: selectedRowKeys, 这行不注释选择出现问题
/** * 跳转节点列表选择 */ const rowSelection = { //selectedRowKeys: selectedRowKeys, //selectedRowKeys 可设置默认被选中项(就是表格一打开就被选中的项) 指定选中项的 key 数组,需要和 onChange 进行配合 string[] onChange: (selectedRowKeys: any, selectedRows: any) => { // onChange 选中项发生变化时的回调 selectedJumpRowKeys.value = selectedRowKeys; selectedJumpRows.value = selectedRows }, type: "radio", // 单选 };
34、另外要是全局用selectedRowKeys变量的话,后续访问出现问题,所以后来修改成
selectedJumpRowKeys.value = selectedRowKeys;
selectedJumpRows.value = selectedRows
/** * 跳转节点列表选择 */ const rowSelection = { //selectedRowKeys: selectedRowKeys, //selectedRowKeys 可设置默认被选中项(就是表格一打开就被选中的项) 指定选中项的 key 数组,需要和 onChange 进行配合 string[] onChange: (selectedRowKeys: any, selectedRows: any) => { // onChange 选中项发生变化时的回调 selectedRowKeys.value = selectedRowKeys; selectedRows.value = selectedRows }, type: "radio", // 单选 };