vuejs2 - Vuejs：监听 props 变化并使用它

Question

我正在使用 Vue JS 开发一个项目，我需要观察道具的变化并在<span>.

我使用过watch()，它显示道具值已分配。

但是当我在里面调用它时<span>，值没有显示。

props: ['verifyText', 'verifyValue', 'profileId', 'logged', 'verifyType', 'status'],
    watch: {
        verifyText: function () { // watch it
            this.verify_text = this.verifyText;
        },
        verifyValue: function () {
            this.verify_value = this.verifyValue;
        },
        verifyType: function () {
            this.verify_type = this.verifyType;
        }
    },
    data() {
        return {
            verify_type: this.verifyType,
            verify_text: this.verifyText,
            verify_value: this.verifyValue,
        }

    },

//using inside span
<span>{{verify_text}}</span>

Answer 1

接收和插入从 'watch' 改变的新数据

尝试这个。

props: ['verifyText', 'verifyValue', 'profileId', 'logged', 'verifyType', 'status'],
watch: {
   verifyText: function (new_value) {
       this.verify_text = new_value;
   }
},
data() {
   return {
      verify_text: this.verifyText,
   }
},
//using inside span
<span>{{verify_text}}</span>

Answer 2

我通过查看父组件中的 verify_text 解决了这个问题。

'verify_text': function (value) {
    this.verify_text = value;
  },

verify_type 和 verify_value 也一样 谢谢大家的回复。