suchen

Heim  >  Fragen und Antworten  >  Hauptteil

javascript – Der Selektor in der Vue+Element-Benutzeroberfläche zeigt immer den Anfangswert und nicht den Platzhalterwert an

Verwenden Sie vue mit der Element-Benutzeroberfläche als Abfragebereich. Aufgrund der bidirektionalen Datenbindung zeigt select den initialisierten Wert während der Initialisierung immer direkt an, ohne den Wert im Platzhalter anzuzeigen, wie in der Abbildung gezeigt:

Aber das Backend fragt standardmäßig alle Werte ohne Parameter ab. Wenn Sie alle Werte in andere Werte ändern, erzeugt die Abfrage keine Daten, was peinlich ist! !
Bitte bitte Gott, es zu lösen!

<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>
巴扎黑巴扎黑2711 Tage vor1670

Antworte allen(2)Ich werde antworten

  • 巴扎黑

    巴扎黑2017-06-24 09:45:25

    可以这么做

    <el-option value="all_list" label="全部"></el-option>

    <script>

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

    </script>

    个人看法 , 供参考

    Antwort
    0
  • 曾经蜡笔没有小新

    曾经蜡笔没有小新2017-06-24 09:45:25

    第一种方法
    searchInfo.houseType初始值设置null
    第二种方法
    <el-option value="-1" label="全部"></el-option>或者<el-option value="-1" label="全部"></el-option>
    在发送请求的时候,自己手动的把value为-1或者0的值过略掉!

    Antwort
    0
  • StornierenAntwort