diff --git a/src/views/index/vehicleAdd.vue b/src/views/index/vehicleAdd.vue index bb159319..688684d5 100644 --- a/src/views/index/vehicleAdd.vue +++ b/src/views/index/vehicleAdd.vue @@ -76,7 +76,7 @@
@@ -153,7 +153,7 @@ export default { checked: true, carNum:"",//车牌号 typeList:[],//车辆类型列表 - selectedOption:'1',//车辆类型 + selectedOption:[],//车辆类型 id:'',//车辆Id serviceIds:[],//车辆服务种类, supplierServiceList:[], @@ -172,29 +172,32 @@ export default { isMultiple: false, // 是否支持多选 } }, - watch:{ - typeList(newVal){ - console.log("1111",newVal) - if(newVal == 4){ - this.isMultiple = true - this.typeList[2].disabled=true - this.typeList[5].disabled=true - this.typeList[6].disabled=true - this.typeList[7].disabled=true - this.typeList[8].disabled=true - this.typeList[9].disabled=true - }else{ - this.isMultiple = false - this.typeList[2].disabled=false - this.typeList[5].disabled=false - this.typeList[6].disabled=false - this.typeList[7].disabled=false - this.typeList[8].disabled=false - this.typeList[9].disabled=false - } + computed: { + computedTypeList() { + return this.typeList.map((item, index) => { + if (this.isMultiple) { + if ([2, 5, 6, 7, 8, 9].includes(index)) { + return { ...item, disabled: true }; + } + } else { + return { ...item, disabled: false }; + } + return item; + }); + }, + }, + watch: { + typeList: { + handler(newVal) { + if (newVal.length === 4) { // 假设你想判断数组长度是否为 4 + this.isMultiple = true; + } else { + this.isMultiple = false; + } + }, + deep: true, }, }, - async mounted() { this.id=this.$route.params?.id const selectElement = document.getElementById('mySelect');