element中关于el-autocomplete和validate规则trigger/change之间的问题

最新推荐文章于 2024-09-01 17:22:46 发布

JST_甲生

最新推荐文章于 2024-09-01 17:22:46 发布

阅读量5.3k

点赞数 2

分类专栏： element-ui 文章标签： vue.js el-autocomplete validate trigger change

本文链接：https://blog.csdn.net/qq_40235879/article/details/103649820

版权

本文探讨了在Vue项目中使用el-autocomplete组件时，validate规则的trigger应设为change而非默认的trigger，原因在于change更关注内容数据变化，而trigger依赖失去焦点事件。同时提到，el-autocomplete的loadAll方法返回数据需以value为键，否则会影响正常显示。

摘要由CSDN通过智能技术生成

代码

<el-form :model="purchaseForm" :rules="rules" ref="purchaseForm">
        <el-form-item label="批准文号" prop="purId">
          <el-autocomplete
            popper-class="my-autocomplete"
            v-model="purchaseForm.purId"
            :fetch-suggestions="querySearch"
            placeholder="输入批准文号"
            prop="purId">
            <template slot-scope="{ item }">
              <div class="name">{
  { item.value }}</div>
              <span class="addr">{
  { item.name }}</span>
            </template>
          </el-autocomplete>
        </el-form-item>
        <el-form-item>
          <el-button type="primary" @click="submitCheck('purchaseForm')"&