松岗做网站,新建免费网站,网站开发工资有多少,湖北省建设厅政务公开网站更多ruoyi-nbcio功能请看演示系统
gitee源代码地址
前后端代码#xff1a; https://gitee.com/nbacheng/ruoyi-nbcio
演示地址#xff1a;RuoYi-Nbcio后台管理系统 http://122.227.135.243:9666/
更多nbcio-boot功能请看演示系统
gitee源代码地址
后端代码#xff1a…更多ruoyi-nbcio功能请看演示系统
gitee源代码地址
前后端代码 https://gitee.com/nbacheng/ruoyi-nbcio
演示地址RuoYi-Nbcio后台管理系统 http://122.227.135.243:9666/
更多nbcio-boot功能请看演示系统
gitee源代码地址
后端代码 https://gitee.com/nbacheng/nbcio-boot
前端代码https://gitee.com/nbacheng/nbcio-vue.git
在线演示包括H5 http://122.227.135.243:9888
19、this.$router.push可以修改成vue3的router.push
这里的const router useRouter();
20、在vue2里的create()可以用onMounted来处理
如
onMounted(() {getCategoryList();getList();
})
21、vue3里的resetForm功能实现
el-form :modelqueryParams refqueryForm :inlinetrue v-showshowSearch label-width68pxel-form-item label流程标识 propprocessKeyel-inputv-modelqueryParams.processKeyplaceholder请输入流程标识clearablesizesmallkeyup.enter.nativehandleQuery//el-form-itemel-form-item label流程名称 propprocessNameel-inputv-modelqueryParams.processNameplaceholder请输入流程名称clearablesizesmallkeyup.enter.nativehandleQuery//el-form-itemel-form-item label流程分类 propcategoryel-select v-modelqueryParams.category clearable placeholder请选择 sizesmallel-optionv-foritem in categoryOptions:keyitem.categoryId:labelitem.categoryName:valueitem.code/el-option/el-select/el-form-itemel-form-itemel-button typeprimary iconel-icon-search sizesmall clickhandleQuery搜索/el-buttonel-button iconel-icon-refresh sizesmall clickresetQuery重置/el-button/el-form-item/el-form
上面的refqueryForm 进行重置需要
const queryForm ref(ElForm)
同时下面的重置操作
/ 重置按钮操作
const resetQuery () {//resetForm(queryForm);queryForm.value.resetFields();handleQuery();
}
22、a-modal 这个显示由原来的:visible.sync修改成v-model:visible
23、el-table的element-plus页切换需要修改
原先vue2可以下面的代码
paginationv-showdeployTotal0:totaldeployTotal:page.syncqueryFlowParams.pageNum:limit.syncqueryFlowParams.pageSizepaginationgetDeployList/
vue3要修改成如下
paginationv-showdeployTotal0:totaldeployTotalv-model:pagequeryFlowParams.pageNumv-model:limitqueryFlowParams.pageSizepaginationgetDeployList/
24、element-plus很多大小原先size的mini都要修改成small同时type的text已经删除了
25、要使用el-form的vue3版本最好这样定义
const formRef refElFormInstance();
el-form refformRef :modelform :rulesrules label-width80px
26、动态加载显示组件的修改
原先vue2
allFormComponent:function(){return [{text:单表示例,routeName: /views/workflow/demo/wf,component: () import(/views/workflow/demo/wf),businessTable:wf_demo} }
需要修改成vue3的
const allFormComponent computed(() {return [{text:单表示例,routeName: /views/workflow/demo/wf,component: defineAsyncComponent( () import(/views/workflow/demo/wf)),businessTable:wf_demo} ]})
