Vue關(guān)于數(shù)據(jù)綁定出錯解決辦法
更新時間:2017年05月15日 11:05:44 作者:Dear_Mr
這篇文章主要介紹了Vue關(guān)于數(shù)據(jù)綁定出錯解決辦法的相關(guān)資料,需要的朋友可以參考下
Vue關(guān)于數(shù)據(jù)綁定出錯
錯誤提示:
相對應(yīng)的代碼:
<input id="input-check" type="checkbox" v-model="toggle" v-bind:true-value="a" v-bind:false-value="b"> <label for="input-check">check</label> <script type="text/javascript"> var v = new Vue({ el: "#input-check", data: { toggle: "" } }); </script>
看到錯誤的時候,就知道是數(shù)據(jù)綁定出錯了,原因就是沒有聲明a, b這兩個屬性,那就試著添加這兩個屬性
var v = new Vue({ el: "#input-check", data: { toggle: "", a : "a", b : "b" } });
然后發(fā)現(xiàn),前面的錯誤提示就消失了
感謝閱讀,希望能幫助到大家,謝謝大家對本站的支持!
您可能感興趣的文章:
- vue.js使用v-model實現(xiàn)表單元素(input) 雙向數(shù)據(jù)綁定功能示例
- vue.js數(shù)據(jù)綁定的方法(單向、雙向和一次性綁定)
- 簡單談?wù)刅ue 模板各類數(shù)據(jù)綁定
- Angular和Vue雙向數(shù)據(jù)綁定的實現(xiàn)原理(重點是vue的雙向綁定)
- vue.js數(shù)據(jù)綁定操作詳解
- Vue.js數(shù)據(jù)綁定之data屬性
- Vue.js實現(xiàn)雙向數(shù)據(jù)綁定方法(表單自動賦值、表單自動取值)
- 淺談vue中關(guān)于checkbox數(shù)據(jù)綁定v-model指令的個人理解
- vue實現(xiàn)動態(tài)數(shù)據(jù)綁定
- vue 標(biāo)簽屬性數(shù)據(jù)綁定和拼接的實現(xiàn)方法
- 詳解Vue雙向數(shù)據(jù)綁定原理解析
- vue在自定義組件中使用v-model進行數(shù)據(jù)綁定的方法
- Vue入門之?dāng)?shù)據(jù)綁定(小結(jié))
- Vue.js+Layer表格數(shù)據(jù)綁定與實現(xiàn)更新的實例
- Vue.js基礎(chǔ)指令實例講解(各種數(shù)據(jù)綁定、表單渲染大總結(jié))
- vue.js動態(tài)數(shù)據(jù)綁定學(xué)習(xí)筆記
- 輕松理解vue的雙向數(shù)據(jù)綁定問題
- 使用Vue如何寫一個雙向數(shù)據(jù)綁定(面試常見)
- Vue表單控件數(shù)據(jù)綁定方法詳解
相關(guān)文章
vue在自定義組件中使用v-model進行數(shù)據(jù)綁定的方法
這篇文章主要介紹了vue在自定義組件中使用v-model進行數(shù)據(jù)綁定的方法,文中通過示例代碼介紹的非常詳細,對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-03-03Vue+ElementUI?封裝簡易PaginationSelect組件的詳細步驟
這篇文章主要介紹了Vue+ElementUI?封裝簡易PaginationSelect組件,這里簡單介紹封裝的一個Pagination-Select組件幾個步驟,結(jié)合示例代碼給大家介紹的非常詳細,需要的朋友可以參考下2022-08-08