若依前后端分离版代码生成中前端的代码的一些问题解决方法（Vue3）

若依前后端分离版中，前端系统不管是Vue2还是Vue3，后端系统都是一样的。这导致使用代码生成功能时，生成的前端代码是Vue2适用的，若用在Vue3中需要一些改动。(踩坑后，亲测记录)

1、查看package.json文件中的Vue版本号
最直接的方法是查看项目根目录下的package.json文件，这个文件列出了项目的所有依赖项及其版本号。找到"vue"这一项，即可看到Vue的版本号。如果版本号是2.x.x，那就是Vue 2，如果是3.x.x，那就是Vue 3。

2、首先是图标icon的属性值不一样，会导致图标显示不出来，改成左图样式即可（ctrl+F搜索，一个个改过去）。

3、scope属性的使用不同，会导致按钮无法显示。

4、open弹出层的属性值不同，会导致弹出层无法显示。

5、涉及字典数据。（代码生成时选择了字典类型）
vue2和vue3的不同（这里只举了一个例子，所有涉及dict的地方都要改,不然页面加载不出来）

6、若依前后端分离的Vue3版本在这里：​编辑 网页链接
而想要代码生成Vue3版本的前端代码需要覆盖ruoyi-genertor模块的src/main/resources/vm/vue/v3/index.vue.vm ，
Gitee项目的issue地址​编辑 网页链接