快捷導(dǎo)航

Vue關(guān)于數(shù)據(jù)綁定出錯(cuò)解決辦法

更新時(shí)間：2017年05月15日 11:05:44 作者：Dear_Mr

這篇文章主要介紹了Vue關(guān)于數(shù)據(jù)綁定出錯(cuò)解決辦法的相關(guān)資料,需要的朋友可以參考下

Vue關(guān)于數(shù)據(jù)綁定出錯(cuò)

錯(cuò)誤提示：

相對(duì)應(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>

看到錯(cuò)誤的時(shí)候，就知道是數(shù)據(jù)綁定出錯(cuò)了，原因就是沒有聲明a, b這兩個(gè)屬性，那就試著添加這兩個(gè)屬性

 var v = new Vue({
      el: "#input-check",
      data: {
        toggle: "",
        a : "a",
        b : "b"
      }
    });

然后發(fā)現(xiàn)，前面的錯(cuò)誤提示就消失了

感謝閱讀，希望能幫助到大家，謝謝大家對(duì)本站的支持！

您可能感興趣的文章:

相關(guān)文章

基于vue 實(shí)現(xiàn)表單中password輸入的顯示與隱藏功能
這篇文章主要介紹了vue 實(shí)現(xiàn)表單中password輸入的顯示與隱藏功能 ,本文給大家介紹的非常詳細(xì)，具有一定的參考借鑒價(jià)值，需要的朋友可以參考下
2019-07-07
Vue實(shí)現(xiàn)頁(yè)面返回停留原位置的多種方案
文章主要討論了在 Vue 開發(fā)中實(shí)現(xiàn)頁(yè)面返回停留原位置的多種方案,包括 Vuex、keep-alive、v-show、客戶端跳轉(zhuǎn)等,并分別闡述了它們的優(yōu)缺點(diǎn)和適用情況,強(qiáng)調(diào)開發(fā)前應(yīng)周全考慮前端業(yè)務(wù)和用戶體驗(yàn),根據(jù)實(shí)際業(yè)務(wù)選擇合適方案,需要的朋友可以參考下
2025-03-03
vue實(shí)現(xiàn)鼠標(biāo)經(jīng)過顯示懸浮框效果
這篇文章主要為大家詳細(xì)介紹了vue實(shí)現(xiàn)鼠標(biāo)經(jīng)過顯示懸浮框效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2022-03-03
Vue extend使用示例深入分析
這篇文章主要介紹了Vue.extend使用示例，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
2022-08-08
基于Vue、Vuex、Vue-router實(shí)現(xiàn)的購(gòu)物商城(原生切換動(dòng)畫)效果
這篇文章主要介紹了基于Vue、Vuex、Vue-router實(shí)現(xiàn)的購(gòu)物商城(原生切換動(dòng)畫)效果,需要的朋友可以參考下
2018-01-01
詳解vue-cli快速構(gòu)建項(xiàng)目以及引入bootstrap、jq
本篇文章主要介紹了vue-cli快速構(gòu)建項(xiàng)目以及引入bootstrap、jq，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2017-05-05
Vue動(dòng)態(tài)組件component標(biāo)簽的用法大全
這篇文章主要介紹了Vue動(dòng)態(tài)組件component標(biāo)簽的用法,在Vue中，可以通過component標(biāo)簽的is屬性動(dòng)態(tài)指定標(biāo)簽，本文通過示例代碼給大家介紹的非常詳細(xì)，需要的朋友可以參考下
2022-08-08
uniapp定義new plus.nativeObj.View實(shí)現(xiàn)APP端全局彈窗功能
文章介紹了在UniApp中使用`newplus.nativeObj.View`實(shí)現(xiàn)彈窗的原因和方法,它定義了一個(gè)`AppPopupView`彈窗函數(shù),并在`main.js`中掛載到全局頁(yè)面,以便在任何地方調(diào)用,感興趣的朋友跟隨小編一起看看吧
2024-11-11
淺談Vue的響應(yīng)式原理
讓我們來回顧下Vue的介紹,可以發(fā)現(xiàn)Vue 最顯著的一個(gè)功能是響應(yīng)系統(tǒng)。那么它的實(shí)現(xiàn)原理有又是如何呢?下面小編和大家來一起學(xué)習(xí)一下
2019-05-05
vant-ui框架的一個(gè)bug(解決切換后onload不觸發(fā))
這篇文章主要介紹了vant-ui框架的一個(gè)bug(解決切換后onload不觸發(fā))，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過來看看吧
2020-11-11