时间戳

首页 > 解决方案 > 观察新的字段值并相应地更新路径值

javascript - 观察新的字段值并相应地更新路径值

问题描述

我有两个文本字段。一个是名称字段，另一个是路径字段。我想根据名称字段值更改路径字段值。

路径字段

<s-text-field
            ref="textFieldContentPath"
            v-model="objCn_mgmt.cntPath"
            maxlength="400"
          />
        </div>

名称字段

<sui-text-field
        ref="textFieldJobName"
        v-model="objCn_mgmt.cntName"
        maxlength="400"
      />

脚本

mounted() {
  this.objCn_mgmt.cntPath = 'some staic dta value' + objCn_mgmt.cntName
}

现在，它是一种查找。路径值将根据名称输入而改变。你能建议我使用计算或观察者更好的方法吗？

标签： javascriptvue.js

解决方案

尝试这个：

<sui-text-field
   ref="textFieldJobName"
   v-model="objCn_mgmt.cntName"
   maxlength="400"
   @input="cinput"
/>

并添加cinput()到方法中：

methods: {
    cinput(){
       this.objCn_mgmt.cntPath = 'some staic dta value' + this.objCn_mgmt.cntName
    },
  },

推荐阅读