苏州外贸网站,东莞网页网站制作,南通网站建设团队,淄博个人网站建设1、最新在研究若依这个项目#xff0c;我使用的是前后端分离的方案#xff0c;RuoYi-Vue-fast(后端) RuoYi-Vue--ruoyi-ui(前端)。RuoYi-Vue-fast是单应用版本没有区分那么多的modules 自己开发起来很方便#xff0c;这个项目运行起来很方便#xff0c;但是需要自定义的…1、最新在研究若依这个项目我使用的是前后端分离的方案RuoYi-Vue-fast(后端) RuoYi-Vue--ruoyi-ui(前端)。RuoYi-Vue-fast是单应用版本没有区分那么多的modules 自己开发起来很方便这个项目运行起来很方便但是需要自定义的时候因为我不懂前端所以遇到很多问题。之后我会把遇到的问题都放在这个文章里面。记录一下。
2、先记录一下VUE页面的一个小修改实现的功能就是在列表页面点击新增弹出的页面可以填写所有信息新增到数据库。点击数据后面的修改指定的字段不可编辑不可用。 我想要实现的效果其实就是在列表里面对关键信息进行打码这个打码需要从查询数据库或者后端进行数据打码放在前端打码抓一下网络请求就可以看到这个要注意。
用户点击数据后面的修改关键信息就不可编辑只能编辑其他信息。 这块也需要注意一下当点击确定的时候不可编辑的字段会带着星号传递到后台注意将带星号的字段设置为null避免修改到数据内真实数据。
实现这个功能很简单代码如下 el-form-item labelxxx propxxxxel-input v-modelform.xxx placeholder请输入xxx :readonly!isEditable :disabled!isEditable //el-form-item
需要定义一个isEditable当点击新增时候设置为false当点击修改的时候设置为true /** 新增按钮操作 */handleAdd() {other-code--------------------this.isEditable true;},/** 修改按钮操作 */handleUpdate(row) {other-code--------------------this.isEditable true;},
不太懂VUE只是按着自己想法来做确实实现了功能如果有其他更好的方法欢迎大家指导。
3、VUE el-select 使用 ref 直接获取选中的 option对象然后直接获取label和value
el-select v-modelform.xxx refoptionRef placeholder请选择xxx changehandleChangeel-option labelxxxxx value1/el-optionel-option labelxxxx value2/el-optionel-option labelxxxx value3/el-option
/el-selecthandleChange(){this.form.xxxthis.form.xxx;this.form.xxxlabel this.$refs.optionRef.getOption(this.form.xxx).label; },
这里面插一句如果你想把某个页面中的表格内容做成select只需要抓取一下这个页面的返回值然后拿到返回值之后交给AI让AI自动处理返回带有标签的代码就可以了。我就是通过这种方法将一个页面的表格做成了我想要的select还可以根据你的需要排序分类什么的。巨好用。
ref这种方式也是我查询到的实现了我想要的功能如果有更好的方法欢迎大家指导。
4、有空写一下关于若依代码生成那块勾选了字段但是字段没有在页面显示的问题是因为升成代码那块模板文件的事情。
