新聞中心
前言
上思ssl適用于網(wǎng)站、小程序/APP、API接口等需要進(jìn)行數(shù)據(jù)傳輸應(yīng)用場景,ssl證書未來市場廣闊!成為成都創(chuàng)新互聯(lián)公司的ssl證書銷售渠道,可以享受市場價(jià)格4-6折優(yōu)惠!如果有意向歡迎電話聯(lián)系或者加微信:028-86922220(備注:SSL證書合作)期待與您的合作!
最近公司用vue框架寫交互,之前沒怎么寫過,但是很多數(shù)據(jù)雙向綁定的東東跟angular很像!所以上手很快!哈哈
今天就碰到一個(gè)vue的問題?。?!產(chǎn)品需求是,datetimepick時(shí)間選擇器一更改時(shí)間,就重新ajax獲取數(shù)據(jù)渲染圖表,很簡單的需求?。∮胊ngula ng-change監(jiān)聽inpu框框,分分鐘搞定??!用特么js原生 on-change也分分鐘搞定?。栴}是尼瑪?shù)腣ueJs對(duì)input框沒有change事件!尼瑪坑爹?。。ú恢朗遣皇俏覜]找到,反正api里沒有,goole了半天,也沒有,要是有的話,麻煩留言告訴我,謝謝?。。?/p>
翻了半天api最后換了$watch()方法,才搞定這個(gè)需求,我梳理了方法如下,$watch()監(jiān)聽某個(gè)值(雙向綁定)的變化,一旦發(fā)生變化,就調(diào)用引號(hà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)容對(duì)大家學(xué)習(xí)或者使用vue.js能帶來一定的幫助,如果有疑問大家可以留言交流,謝謝大家對(duì)創(chuàng)新互聯(lián)的支持。
網(wǎng)站名稱:Vue.Js中的$watch()方法總結(jié)
分享URL:http://fisionsoft.com.cn/article/gpespp.html