select默认值设置

版权声明：未经本人同意不得转载 一切法律责任 后果自负 https://blog.csdn.net/xy19950125/article/details/84304965

<Select v-model="AllproductsCode" placeholder="所有产品" style="width:150px" @on-change="AllproductsChange" class="mr20 ml50">
  <Option v-for="item in AllproductsList" :value="item.productCode" :key="item.productCode">{{ item.productName }}
</Option>
</Select>

exportdefault{
   data(){
        retrun{
            AllproductsCode:"code",
            AllproductsList:[]
        }
    },
    methods:{
        AllproductsChange(value){
            this.AllproductsCode= value
        }
    },
created() {
    // 所有产品
    this.http
      .post(BASE_URL + "请求路径", {})
      .then(data => {
        if (data.code == "success") {
		this.AllproductsList = data.data;
		this.AllproductsList.splice(0,0,{ productCode: "code", productName: "所有产品" })
        }
      })
      .catch(err => {
        console.log(err);
      });
  },
}