el-input、el-select初始赋值后无法编辑删除问题

最新推荐文章于 2024-07-26 10:12:26 发布

06便士

最新推荐文章于 2024-07-26 10:12:26 发布

阅读量892

点赞数 1

文章标签： vue.js elementui javascript

本文链接：https://blog.csdn.net/Giraffe0615/article/details/130766674

版权

在Vue.js中，使用el-form-item组件定义了一个输入框el-input和下拉选择器el-select。为确保数据更新，el-input通过@input事件调用$forceUpdate，而el-select使用@change事件做同样操作。然而，遇到的问题是DOM更新不生效。

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

      <el-form-item label="维护工单名称" prop="orderName">
        <el-input v-model="form.orderName" placeholder="请输入" maxlength="100" show-word-limit @input="$forceUpdate()"/>
      </el-form-item>

      <el-form-item label="任务年度" prop="orderYear">
        <el-select
          v-model="form.orderYear"
          value-key="id"
          filterable
          placeholder="请选择"
          @change="$forceUpdate()"
        >
          <el-option
            v-for="item in orderYearList"
            :key="item.index"
            :label="item.title"
            :value="item.name"
          />
        </el-select>
      </el-form-item>

el-select :

@change="$forceUpdate()"

el-input

@input="$forceUpdate()"

主要是获取不到DOM原因