RuoYi项目中VUE表单修改表单中数据回显下拉选项或者单选出现异常

2023-11-10

若依项目中有一个功能就是字典,字典可以让我们不需要修改前端代码的情况下实现表单中下拉选项文字,单选,多选按钮的文字变更,

但也会遇到各种各样的问题,后端传递的某个字段的值是数字类型的值,但是字典里面的确实字符串的值,不可能让后端传递字符串的值,也不可能让字典的值是数字的值,

所以就有了如下方法

                <el-option
                  v-for="dict in units"
                  :key="Number(dict.dictValue)"
                  :label="dict.dictLabel"
                  :value="Number(dict.dictValue)"
                />

在使用Number方法包裹住里面的值使其字符串转化成数字类型的值,

这是请教了一个老师傅得到的经验

依稀记得    :value  和    value这两个属性有不同的功能,可以将值识别为数值类型,但是这里怎么就没有成功呢,

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

RuoYi项目中VUE表单修改表单中数据回显下拉选项或者单选出现异常 的相关文章

随机推荐