标签回显问题

src/views/submission/resourcecommit/index.vue

@@ -242,6 +242,7 @@ export default {
 	},
 	data() {
 		return {
+			delArr:[],
 			selectItemArr: [],
 			restaurants: [],
      	totalCount: 0,
@@ -385,6 +386,7 @@ export default {
 		this.resourceLabelListAPI();
 		this.getLookContent();
 		this.getNowTime();
+		this.getSearchPageLable ();
 		//this.formSixBtn();
 		this.getMetaDataPlanList();
 		console.log(this.formData.fieldJsonArr, 'XXeeeeeeeeeee')
@@ -781,14 +783,14 @@ export default {
 					this.totalCount = res.data.data.total
 					for ( let [ index, ele ] of this.gridData.entries () ) {
 						this.$set( ele, 'value', ele.name )
-					} 
+					};
+					this.setDelData(); 
 				}
 			}) 
 		},
 		showLableDia () {
-			console.log(this.searchPageLableForm.pageNum,'this.searchPageLableForm.pageNum')
 			this.dialogTableVisible = true;
-			this.getSearchPageLable ();
+			this.setDelData();
 		},
 		handleSelectionChange (val) {
 			// multipleSelection
@@ -830,31 +832,37 @@ export default {
     },
 		handleCurrentChange(val) {
       this.searchPageLableForm.pageNum = val
-      this.getSearchPageLable()
+			this.getSearchPageLable();
     },
 		closeLableDia() {
-			this.searchPageLableForm.pageNum=1;
 			console.log(this.searchPageLableForm.pageNum,'88888')
-			//this.resourceLabel = [];
+			this.$refs.multipleTable.clearSelection();
+			this.delArr = [];
 		},
 		deleteLableItem (item, key) {
-
-			// this.resourceLabel.splice(key, 1)
-			this.multipleSelection.forEach((item1, index) => {
-				console.log(item1 + index, '1233')
-				if (item.id == item1.id) {
-					this.resourceLabel.splice(key, 1);
-					this.multipleSelection
-					this.gridData.forEach((item2, index) => {
-						console.log(this.gridData, '123ttt')
-						if (item1.id == item2.id) {
-							this.$refs.multipleTable.toggleRowSelection(this.gridData[index], false);
-						}
-					})
-				}
+			//this.delArr.push(item);
+			this.resourceLabel.splice(key, 1);//删除便签
+		},
+		setDelData(){
+			let Vue=this;
+			this.resourceLabel.forEach((list,index)=>{
+				let ID=list.id;let INDEX=index;
+				this.gridData.forEach((item2, index) => {
+					if (ID == item2.id) {
+						Vue.$nextTick(function () {
+							// DOM 更新了
+							this.$refs.multipleTable.toggleRowSelection(this.gridData[index], true);
+						})	
+					}
+				})
+				
 			})
-
-
+			// this.multipleSelection.forEach((item1, index) => {
+			// 	console.log(item1 + index, '1233')
+			// 	if (item.id == item1.id) {
+					
+			// 	}
+			// })
 			let optIdArr = [];
 			this.resourceLabel.map((item, index) => {
 				var obj = {
@@ -863,7 +871,6 @@ export default {
 				optIdArr.push(obj)
 			})
 			this.formData.label = optIdArr;
-			console.log(this.formData.label, '222');
 		},
 		querySearch (queryString, cb) {
 			var restaurants = this.gridData;