今天的新闻直播,网站优化顺义案例,做微信小程序的公司,西安网站建设制作熊掌号提示#xff1a;文章写完后#xff0c;目录可以自动生成#xff0c;如何生成可参考右边的帮助文档 文章目录 前言一、代码 前言
想要更新什么字段就将该字段更新#xff0c;第一想到通过多选框控制#xff0c;通过一系列的尝试#xff0c;做了如下的布局和功能 直接上代… 提示文章写完后目录可以自动生成如何生成可参考右边的帮助文档 文章目录 前言一、代码 前言
想要更新什么字段就将该字段更新第一想到通过多选框控制通过一系列的尝试做了如下的布局和功能 直接上代码
一、代码
templatedivel-checkbox-group v-modelupdateFieldsListel-form refform :modelform :rulesrules label-width100pxdiv classupdateItemel-checkbox labelachievement成绩:/el-checkboxel-form-item propachievementel-input v-modelform.achievement placeholder请输入成绩 clearable:disabled!updateFieldsList.includes(achievement) //el-form-item/divdiv classupdateItemel-checkbox labelgrade年级:/el-checkboxel-form-item propgradeel-select v-modelform.grade placeholder请选择年级 clearable:disabled!updateFieldsList.includes(grade)el-option v-foritem in gradeList :keyitem.key :labelitem.label:valueitem.value/el-option/el-select/el-form-item/div/el-form/el-checkbox-group/div
/templatescript
export default {name: update,data () {return {// 表单数据form: {},// 记录要更新的字段updateFieldsList: [],rules: {},gradeList:[{key: 1,label: 一年级,value: 1},{key: 2,label: 二年级,value: 2}]}},watch: {updateFieldsList: {handler (newVal, oldVal) {// 循环遍历新数组中的每一个值newVal.map(item {// 判断新数组中是否有该值但旧数组中没有if (newVal.includes(item) !oldVal.includes(item)) {// 将该字段添加到form表单中this.$set(this.form, item, )}})// 循环遍历旧数组中的每一个值oldVal.map(item {// 判断旧数组中是否有该值但新数组中没有if (!newVal.includes(item) oldVal.includes(item)) {// 将该字段从form表单中移除this.$delete(this.form, item)}})},deep: true,// immediate: true},},methods: {}
}
/script