javascript - Pemilih dalam vue+element UI sentiasa memaparkan nilai awal dan tidak memaparkan nilai pemegang tempat

Question

Gunakan vue dengan UI elemen sebagai kawasan pertanyaan Disebabkan oleh pengikatan data dua hala, pilih sentiasa memaparkan nilai yang dimulakan semasa pemula tanpa memaparkan nilai dalam ruang letak, seperti yang ditunjukkan dalam rajah:

Tetapi lalai latar belakang adalah untuk menanyakan semua tanpa parameter Jika anda menukar semua nilai​​ kepada nilai lain, pertanyaan itu tidak akan menghasilkan data, yang memalukan. !
Tolong minta Tuhan menyelesaikannya!

<code><p class="search-area m-t-md">
          <p class="header clearfix">
            <h3 class="text">仓库管理</h3>
            <span class="btn-text" @click="modalShow = true"><i class="icon-plus"></i>添加仓库</span>
          </p>
          <p class="inner">
            <el-input v-model="searchInfo.houseCode"  placeholder="请输入仓库编码或名称"></el-input>
            <el-select v-model="searchInfo.houseType"  placeholder="请选择仓库类型">
              <el-option value="" label="全部"></el-option>
              <el-option value="1" label="总店"></el-option>
              <el-option value="2" label="门店"></el-option>
            </el-select>
            <el-select v-model="searchInfo.storeNo"  placeholder="请选择所属门店">
              <el-option value="" label="全部"></el-option>
              <el-option v-for="store in storeLists" :key="store.storeNo" :value="store.storeNo" :label="store.storeName"></el-option>
            </el-select>
            <el-button type="primary" @click="getDepotLists">查询</el-button>
          </p>
        </p>

        <script type="text/ecmascript-6">
  import {mapState} from 'vuex'
    export default {
        name: 'depot',
        data () {
            return {

                searchInfo:{
                  method:'cn.linkea.mshop.houseFacade.findPageList',
                  chainCode:'',
                  createOperator:'',
                  houseCode:'',
                  houseName:'',
                  houseType:'',
                  pageIndex:'1',
                  pageSize:'10',
                  storeManager:'',
                  storeName:'',
                  storeNo:'',
                  updateOperator:''
                }

            }
        }


    }
</script></code>

Answer 1

Anda boleh lakukan ini

<el-option value="all_list" label="all"></el-option>

<skrip>

<code>if ( this.searchInfo.houseType === 'all_list' ) {
    this.searchInfo.houseType='';
}
</code>

</skrip>

Pendapat peribadi, untuk rujukan

Answer 2

Kaedah pertama
searchInfo.houseTypeNilai awal ditetapkan kepada nullsearchInfo.houseType初始值设置null
第二种方法
<el-option value="-1" label="全部"></el-option>或者<el-option value="-1" label="全部"></el-option>Kaedah kedua
<el-option value="-1" label="Semua">< / el-option>atau <el-option value="-1" label="All"></el-option>

Apabila menghantar permintaan, secara manual nilai -1 atau 0 ditinggalkan! 🎜