前言

上思ssl適用于網(wǎng)站、小程序/APP、API接口等需要進(jìn)行數(shù)據(jù)傳輸應(yīng)用場景，ssl證書未來市場廣闊！成為成都創(chuàng)新互聯(lián)公司的ssl證書銷售渠道，可以享受市場價格4-6折優(yōu)惠！如果有意向歡迎電話聯(lián)系或者加微信：028-86922220（備注：SSL證書合作）期待與您的合作！

最近公司用vue框架寫交互，之前沒怎么寫過，但是很多數(shù)據(jù)雙向綁定的東東跟angular很像！所以上手很快！哈哈

今天就碰到一個vue的問題?。?！產(chǎn)品需求是，datetimepick時間選擇器一更改時間，就重新ajax獲取數(shù)據(jù)渲染圖表，很簡單的需求?。∮胊ngula ng-change監(jiān)聽inpu框框，分分鐘搞定啊！用特么js原生 on-change也分分鐘搞定??！問題是尼瑪?shù)腣ueJs對input框沒有change事件！尼瑪坑爹?。。ú恢朗遣皇俏覜]找到，反正api里沒有，goole了半天，也沒有，要是有的話，麻煩留言告訴我，謝謝?。。?/p>

翻了半天api最后換了$watch()方法，才搞定這個需求，我梳理了方法如下，$watch()監(jiān)聽某個值（雙向綁定）的變化，一旦發(fā)生變化，就調(diào)用引號里的方法，從而達(dá)到change事件監(jiān)聽的效果??！

示例代碼

var v_assetManage_controller = new Vue({ 
 el: '.LSee-index', 
 data: { 
  trendQueryTimeCtr: { 
   startTime: '', 
   endTime: '' 
  } 
 }, 
 ready: function() { 
  // 
 }, 
 methods: { 
  queryTrendData: function(){ 
   //do some here 
  } 
 }, 
 watch: { 
  'trendQueryTimeCtr.startTime': 'queryTrendData', 
  'trendQueryTimeCtr.endTime': 'queryTrendData' 
 } 
 
}); 

總結(jié)

以上就是這篇文章的全部內(nèi)容了，希望本文的內(nèi)容對大家學(xué)習(xí)或者使用vue.js能帶來一定的幫助，如果有疑問大家可以留言交流，謝謝大家對創(chuàng)新互聯(lián)的支持。

標(biāo)題名稱：Vue.Js中的$watch()方法總結(jié)
文章地址：http://jinyejixie.com/article38/gpespp.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供移動網(wǎng)站建設(shè)、營銷型網(wǎng)站建設(shè)、網(wǎng)站策劃、用戶體驗(yàn)、關(guān)鍵詞優(yōu)化、動態(tài)網(wǎng)站

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)