技術標籤：Vuejs

解決table新增一列若沒有填寫內容仍可以重複新增一列

問題

點選 ”新增指標“ 按鈕，會在table中新增一列，此時若沒有填寫任何內容再次點選 ”新增指標“ 按鈕，table仍會新增一列

解決方法

首先，在data中申明一個變數 is_add_flag = false;

data(){
  return{
    is_add_flag = false;
   }
},

methods:{
  // 新增指標
    add_btn(){
      if(this.is_add_flag) return;
      this.tableData.push({
 

        ...
      })
      this.is_add_flag = true;
    },

    // 取消新增
    add_cancel(){
      this.is_add_flag = false;
      this.tableData.splice(this.tableData.length - 1,1);
    },
 
   //確認新增或儲存修改
   _Save(){
   ...
      request({
        ...
      }).then(res => {
		if(res.status == 1){
		  this
 
.is_add_flag = false
		}
	  }
	}
}