javascript - Pemilih dalam vue+element UI sentiasa memaparkan nilai awal dan tidak memaparkan nilai pemegang tempat
巴扎黑
巴扎黑 2017-06-24 09:43:25
0
2
1676

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!

<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>
巴扎黑
巴扎黑

membalas semua(2)
巴扎黑

Anda boleh lakukan ini

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

<skrip>

if ( this.searchInfo.houseType === 'all_list' ) {
    this.searchInfo.houseType='';
}

</skrip>

Pendapat peribadi, untuk rujukan

曾经蜡笔没有小新

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! 🎜
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan