基于vue3的Crontab组件

网上找的没有满意的,决定从
若依前后端分离
其前端vue2中的crontab进行转换,先上效果

若依:

改后:

v2转v3没什么难度,其中有大量的将 this.*** 替换为 ***.value,笔者写了个正则替换,希望可以帮助大家

需要注意的有,在v2中【this.$refs[refName].cycle01 = indexArr[0]】这样写

在v3中要转换一下,在子组件中用【defineExpose】抛出一个setData方法,然后【proxy.$refs[refName].setData(“cycle01”, Number(indexArr[0]))】赋值

贴出核心Crontab.vue的代码,其子组件就不一一贴了,需要的可以自己下若依代码进行转换

将原来组件的按钮移到引用存,引用样例

未经允许不得转载:大白鲨游戏网 » 基于vue3的Crontab组件