數(shù)據(jù)不及時(shí)刷新，下拉框選擇無(wú)效，文本框無(wú)法輸入等問(wèn)題

1. 數(shù)據(jù)更新無(wú)效【原文】

    對(duì)象obj，屬性key，設(shè)置value
    this.$set(obj,key,value)
    數(shù)組arr，索引index，設(shè)置value
    this.$set(arr,index,value)

2. 其他奇葩問(wèn)題的首要思路
   （1）屬性未聲明
   （2）返回列表內(nèi)無(wú)此屬性
   （3）屬性類型錯(cuò)誤 '',[],new Map()
   （4）值為0 的時(shí)候 的判斷

   

   專注于為中小企業(yè)提供成都做網(wǎng)站、網(wǎng)站建設(shè)服務(wù),電腦端+手機(jī)端+微信端的三站合一,更高效的管理,為中小企業(yè)永豐免費(fèi)做網(wǎng)站提供優(yōu)質(zhì)的服務(wù)。我們立足成都，凝聚了一批互聯(lián)網(wǎng)行業(yè)人才，有力地推動(dòng)了上千家企業(yè)的穩(wěn)健成長(zhǎng)，幫助中小企業(yè)通過(guò)網(wǎng)站建設(shè)實(shí)現(xiàn)規(guī)模擴(kuò)充和轉(zhuǎn)變。

解除對(duì)象間的相互影響

  JSON.parse(JSON.stringify(obj);
  如 this.form = res.data; 
  console.log(this.form, res.data);
  會(huì)發(fā)現(xiàn)res.data會(huì)受this.form影響，類型會(huì)隨之變化

判斷下拉框值，可能是單選多選

  typeof index === 'undefined' || index===null || index ==="" || index.length === 0

多方法接口是保證按照次序調(diào)用展示

  getAction(url,params).then(async (res) => {
     await this.xxfunction();
  });

  async xxfunction(){
    
  }

引入全局方法和全局變量

  以下為global.js內(nèi)容
  const yesOrNoTableData=[
    {"value":1,"label":"是"},
    {"value":0,"label":"否"},
  ];

  const changeObjectToLabel = (dataOption, data, prop) =>{
    if(typeof data === "object"){
        return changeValueToLabel(dataOption, data[prop]);
     }
  };

  export default
  {
    yesOrNoTableData,
    changeObjectToLabel,
  };

  修改main.js
  import _GLOBAL from "@/api/global/global";
  Vue.prototype._GLOBAL = _GLOBAL;

  vue頁(yè)面內(nèi)如何使用
  this._GLOBAL.yesOrNoTableData

保留this，在其他地方使用，比如table column的format方法

常用方法

1. 數(shù)組去重

    uniqueValArray(array) {
      return array.filter(function(ele, index, array) {
        return array.indexOf(ele) === index;
     });
    }

2. 獲取數(shù)組內(nèi)某組元素，輸出指定屬性元素

    convertToSelect(array, sort, direction, ivalue, itext, ovalue, otext) {
      let options = [];
      if (array == null || array.length === 0) {
        return options;
      }
    if (sort && direction) {
      if (direction === "asc") {
        array = array.sort(function compareFunction(param1, param2) {
          return param1[sort].localeCompare(param2[sort]);
        });
      } else {
        array = array.sort(function compareFunction(param1, param2) {
          return param2[sort].localeCompare(param1[sort]);
        });
      }
    }
    for (let i = 0; i < array.length; i++) {
      let option = {};
      option[ovalue] = array[i][ivalue];
      option[otext] = array[i][itext];
      options.push(option);
    }
    return options;

   }

思路總結(jié)

1. 下拉框，特別是級(jí)聯(lián)下拉框，change事件 ，先清空所有下級(jí)的選中值，以及下下級(jí)的下拉框數(shù)組，然后再處理選中值數(shù)據(jù)
2. form提交時(shí)數(shù)據(jù)處理，先通過(guò)JSON.parse(JSON.stringify(obj); 賦值新對(duì)象再處理，以防止提交失敗，再次提交時(shí)，數(shù)據(jù)不合理。