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>
Anda boleh lakukan ini
<el-option value="all_list" label="all"></el-option>
<skrip>
</skrip>
Pendapat peribadi, untuk rujukan
Kaedah pertama
searchInfo.houseTypeNilai awal ditetapkan kepada null
<el-option value="-1" label="Semua">< / el-option>atau
Apabila menghantar permintaan, secara manual nilai -1 atau 0 ditinggalkan! 🎜searchInfo.houseType
初始值设置null第二种方法
<el-option value="-1" label="全部"></el-option>
或者<el-option value="-1" label="全部"></el-option>
Kaedah kedua<el-option value="-1" label="All"></el-option>