el-input computed set 输入不了字符?

  • Z时代
  • 2024-02-19
  • 分类：IT

<script setup lang="ts">
import { ref, computed } from 'vue'
// set a value
const a = ref(1)
// set b value
const b = ref(2)
// computed to c
const c = computed({
  get() {
    return Number(a.value) + Number(b.value)
  },
  set(val) {
    // set value
    console.log(val)
  }
})
</script>
<template>
  <el-input v-model="a" />
  <el-input v-model="b" />
  <!-- TODO: 为什么这里使用el-input computed set失效？ -->
  <!-- set代码执行了，但是输入框输入不了内容？ -->
  <el-input v-model="c" />
  <!-- 而普通的input set是可以的 -->
  <input type="text" v-model="c" />
</template>

我想要在C输入框继续执行，为了避免vue computed set警告，默认写了set方法，但是第一个输入框和第二个输入数字之后是可以的，但是在第三个输入框中，却set不了，但是SET方法执行了，输入按键输入不了任何字符；

可以点击预览效果bug在线预览

回答：

const c = computed({
  get() {
    return Number(a.value) + Number(b.value)
  },
  set(val) {
    a.value = val - b.value
  }
})

以上是 el-input computed set 输入不了字符? 的全部内容， 来源链接： utcz.com/p/934345.html

回到顶部