首先解釋一下什么是表單內(nèi)容監(jiān)聽，我這里是將表單數(shù)據(jù)全部儲(chǔ)存到list變量中，當(dāng)用戶填寫了內(nèi)容之后，將用戶填寫的內(nèi)容更新到list變量中，說是監(jiān)聽表單內(nèi)容實(shí)際上是監(jiān)聽變量中的數(shù)據(jù)內(nèi)容。監(jiān)聽數(shù)據(jù)變化可以用watch方法，它是Vue組件中的一個(gè)功能，可以監(jiān)聽數(shù)據(jù)變化，并在數(shù)據(jù)變化時(shí)執(zhí)行一些操作。

watch方法使用起來比較簡單，只需要傳兩個(gè)參數(shù)就可以，第一個(gè)參數(shù)是需要監(jiān)聽的變量數(shù)據(jù)，第二個(gè)參數(shù)則是當(dāng)監(jiān)聽的數(shù)據(jù)發(fā)生變化時(shí)候執(zhí)行的回調(diào)函數(shù)，在回調(diào)函數(shù)中可以執(zhí)行各種方法，下面就是調(diào)用的例子；

在說一說為什么會(huì)介紹這個(gè)方法，也算是避坑吧，最近開發(fā)更新手術(shù)護(hù)理系統(tǒng)app的時(shí)候，其中有一個(gè)表單頁面需要增加新的功能，在選擇時(shí)間之后自動(dòng)獲取用戶之后需要填寫的數(shù)據(jù)并更新到表單上，本身功能并不難，事件跟方法很快就 加上了，而且后臺(tái)的內(nèi)容自動(dòng)填充的接口也開發(fā)完畢，但是在實(shí)際測(cè)試當(dāng)中，選擇時(shí)間之后，觸發(fā)了內(nèi)容自動(dòng)填充的事件，但是數(shù)據(jù)卻是怎么都寫不到數(shù)據(jù)庫當(dāng)中，很是奇怪，第一反應(yīng)是后臺(tái)接口的問題，或者是數(shù)據(jù)庫有問題，很奇怪流程，觸發(fā)節(jié)點(diǎn)，提交請(qǐng)求都沒有問題，就是寫入不進(jìn)數(shù)據(jù)庫中。

最后找到原因就是表單內(nèi)容設(shè)置了內(nèi)容監(jiān)聽事件，在自動(dòng)填充之后，由于頁面存儲(chǔ)的數(shù)據(jù)沒有更新，而監(jiān)聽事件又設(shè)置了內(nèi)容發(fā)生改變自動(dòng)提交數(shù)據(jù)內(nèi)容，直接把剛寫入的內(nèi)容覆蓋成空所以導(dǎo)致了這個(gè)烏龍事件，如果大家以后也遇到類似情況可以從頁面里面找一找是不是設(shè)置了數(shù)據(jù)監(jiān)聽。