vue, v-model的值需要计算

最新推荐文章于 2023-08-04 23:27:07 发布

qq_41737172

最新推荐文章于 2023-08-04 23:27:07 发布

阅读量362

点赞数

分类专栏： vue 文章标签： vue.js 前端 javascript

本文链接：https://blog.csdn.net/qq_41737172/article/details/129707485

版权

vue 专栏收录该内容

19 篇文章 1 订阅

订阅专栏

情况 : 一个v-model,由2个变量拼接 ( deviceSnstr = str16a + str16b;)

 <el-input v-model="deviceSnstr" placeholder="请输入"  />

第一种:computed
data里不能声明变量, 不watch监听变量

data:{
	str16a :null,
	str16b :null
},
  computed: {
      deviceSnstr: {
        get() {
          return this.str16a + this.str16b
        },
        set(val) {
          this.deviceSnstr = val
        }
      }
    },

第二种: watch
data里要声明3个变量

data:{
	str16a :null,
	str16b :null,
	deviceSnstr :
},
watch: {
      str16a(newVal, oldVal) {
        this.deviceSnstr = newVal + this.str16b
      },
      str16b(newVal, oldVal) {
        this.deviceSnstr = this.str16a + newVal
      },
 },