鍍金池/ 問答/HTML/ Vue如何監(jiān)控一個對象,當對象內(nèi)容發(fā)生改變時執(zhí)行一個方法?

Vue如何監(jiān)控一個對象,當對象內(nèi)容發(fā)生改變時執(zhí)行一個方法?

Vue如何監(jiān)控一個對象,當對象內(nèi)容發(fā)生改變時執(zhí)行一個方法?

回答
編輯回答
嘟尛嘴

..., watch: { 'params.limit': function (newValue, oldValue) { }, name: function (newValue, oldValue) { } },

假設(shè)你的ViewModel里面有一個對象是 { params: { limit: '' }, name: '' }

2018年8月12日 02:20
編輯回答
拽很帥

可以使用vue中的watch方法監(jiān)聽該對象,設(shè)置deep:true可以進行深度監(jiān)聽,當對象中的屬性發(fā)生變化時,會調(diào)用handler方法,在里面寫你的邏輯就可以了

<template>
  <div>
    <input v-model="user.name">
  </div>
</template>

<script>
export default {
  data () {
    return {
      user: {
          name: ''
      }
    }
  },

  watch:{
      user: {
        deep: true,
        handler: function (newVal,oldVal){
          console.log('newValue', newVal);
          console.log('oldValue', oldVal.name);
        }
      }
  },
}
2017年8月11日 02:14
編輯回答
萌二代

建議你用watch監(jiān)聽事件來完成

2018年9月21日 04:38