1.遍歷迴圈及過濾filter：可參考：https://www.cnblogs.com/liuzhengkun/p/11216966.html

2.VUE-Element元件-select選擇器的使用 參考：https://blog.csdn.net/gu_wen_jie/article/details/84281915

下拉框：


預設選中：詳解element-ui中el-select的預設選擇項問題 https://www.jb51.net/article/166813.htm

3.VUE-Element元件-checkbox複選框的使用

         <el-col :span="8">
              <el-form-item label="線路板適配廠商" prop="manufacturer">
                <el-checkbox-group v-model="requirementData.manufacturer" :disabled="editData.type==1||isExamine">
                  <el-checkbox label="BJ" />
                  <el-checkbox label="BBT" />
                  <el-checkbox label="運營商" />
                </el-checkbox-group>
              </el-form-item>
            </el-col>
 

初始化data時：

 requirementData: {
     manufacturer: '', // 廠商
},
checkList: []  // 訂單要求多選線路板適配廠商

這裡manufacture在初始化時預設賦值是字串，這樣的話，上面的複選框點選其中任一個都是全選，
應該改成：

  mounted() {
    this.f_InitialData(); // 初始化資料來源
  },
 methods: {
  // 初始資料值
    f_InitialData: function() {
        this.requirementData.manufacturer = this.checkList;// 線路板適配廠商（特別注意：這裡一定要賦空的陣列，必須是陣列，如果不賦陣列則效果就是點選任一個checkbox都是全選）
    }
}  
 

新增存檔時引數值：

       var info = this.requirementData; // 生產任務要求
      let stringData = '';
      if (info.manufacturer.length > 0 && info.manufacturer !== null) {
        info.manufacturer.forEach((item) => {
          stringData += item + ',';//把線路板廠商欄位存的陣列轉化為字串方便儲存到資料庫中
        });
      }

儲存後資料庫中的欄位存的是字串：

編輯時獲取廠商資料：

  const info = response.data[0];
            this.checkList = [];//定義陣列接收穫取的廠商
            info.manufacturer.split(',').forEach((item) => {
              if (item !== '') {
                this.checkList.push(
                  item
                );//因為儲存到資料庫中的是字串，頁面中要顯示checkbox還需將字串轉化為陣列賦給頁面中的欄位
              }
            });
            this.requirementData.manufacturer = this.checkList;// 線路板適配廠商（再把陣列賦給requirementData.manufacturer，這樣編輯就可獲取到廠商資料checkbox）

4.foreach終止迴圈：

這樣的效果 return 無效 程式碼繼續向下執行輸出了11

解決辦法1：用for迴圈即可

解決方法2：通過丟擲異常的方式實現終止。

 try {
       this.bomGoupData.forEach(element1 => {
       if (element1['bomType'] === '1') {
          existStandardBom = true;
          throw new Error('待變更的BOM列表有標準BOM 不允許變');// 這裡丟擲異常是為終止foreach迴圈
       }
      });
    } catch (error) {
      // throw new Error('待變更的BOM列表有標準BOM 不允許變更');
   }

補充：JavaScript跳出迴圈的三種方法(break, return, continue) https://www.jb51.net/article/166574.htm