allow-create监听新添加的数据，进入方法内，执行了打印方法不进if方法，实际上this.refs上的值已经变化了。

  • Z时代
  • 2024-03-15
  • 分类：IT

valueChange() {

  console.log(this.$refs.select)
  console.log(this.$refs.select.createdSelected)
  console.log(this.$refs.select.createdLabel)
  if (this.$refs.select.createdSelected) {
    console.log('进来了')
    // specificationApi.save(this.optionValue).then(result => {
    //   this.device.specificationId = result.data.specificationId
    //   this.getDeviceSpecificationList()
    // })
  }
},
 <el-select
          ref="select"
          v-model="optionValue.specificationName"
          filterable
          allow-create
          placeholder="请选择仪器规格"
          @change="valueChange">
          <el-option
            v-for="item in options"
            :key="item.id"
            :label="item.specificationName"
            :value="item.id"/>
        </el-select>
      </el-form-item>

allow-create监听新添加的数据，进入方法内，执行了打印方法不进if方法，实际上this.refs上的值已经变化了。allow-create监听新添加的数据，进入方法内，执行了打印方法不进if方法，实际上this.refs上的值已经变化了。!

回答：

最后一张图，显示的不是 false 嘛？

console 打印的是快照，引用。只能说在你点开的时候值是 true。

一般vue里面你可以加一个 nextTick 。

以上是 allow-create监听新添加的数据，进入方法内，执行了打印方法不进if方法，实际上this.refs上的值已经变化了。 的全部内容， 来源链接： utcz.com/p/936701.html

回到顶部