快捷導(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ò)了，原因就是沒(méi)有聲明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通過(guò)路由實(shí)現(xiàn)頁(yè)面間參數(shù)的傳遞
這篇文章主要介紹了Vue通過(guò)路由實(shí)現(xiàn)頁(yè)面間參數(shù)的傳遞,本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下
2023-04-04
Vue頁(yè)面骨架屏注入方法
這篇文章主要介紹了Vue頁(yè)面骨架屏注入的操作，非常不錯(cuò)，具有一定的參考借鑒價(jià)值,需要的朋友可以參考下
2018-05-05
Vue路由Hash模式分析
Vue-router是Vue的核心組件，主要是作為Vue的路由管理器，Vue-router默認(rèn)hash模式，本文講給大家詳細(xì)分析Vue路由Hash模式，文中有相關(guān)的代碼示例供大家參考，感興趣的同學(xué)可以借鑒一下
2023-06-06
vue頁(yè)面使用js實(shí)現(xiàn)前端打印功能
這篇文章主要介紹了vue頁(yè)面使用js實(shí)現(xiàn)前端打印功能,文中通過(guò)圖文結(jié)合的方式給大家講解的非常詳細(xì),對(duì)大家實(shí)現(xiàn)打印功能有一定的幫助,需要的朋友可以參考下
2024-05-05
vue在自定義組件中使用v-model進(jìn)行數(shù)據(jù)綁定的方法
這篇文章主要介紹了vue在自定義組件中使用v-model進(jìn)行數(shù)據(jù)綁定的方法，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
2019-03-03
vue前端img訪問(wèn)鑒權(quán)后端進(jìn)行攔截的代碼示例
路由攔截是一種在用戶訪問(wèn)特定頁(yè)面之前對(duì)其進(jìn)行攔截和處理的機(jī)制,下面這篇文章主要給大家介紹了關(guān)于vue前端img訪問(wèn)鑒權(quán)后端進(jìn)行攔截的相關(guān)資料,需要的朋友可以參考下
2024-03-03
Vue獲取DOM的幾種方法總結(jié)
這篇文章主要介紹了Vue獲取DOM的幾種方法總結(jié)，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教
2022-10-10
Vue插件從封裝到發(fā)布的完整步驟記錄
這篇文章主要給大家介紹了關(guān)于Vue插件從封裝到發(fā)布的完整步驟，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
2019-02-02
Vue+ElementUI?封裝簡(jiǎn)易PaginationSelect組件的詳細(xì)步驟
這篇文章主要介紹了Vue+ElementUI?封裝簡(jiǎn)易PaginationSelect組件,這里簡(jiǎn)單介紹封裝的一個(gè)Pagination-Select組件幾個(gè)步驟，結(jié)合示例代碼給大家介紹的非常詳細(xì)，需要的朋友可以參考下
2022-08-08
Vue引入echarts方法與使用介紹
Echarts，它是一個(gè)與框架無(wú)關(guān)的?JS?圖表庫(kù)，但是它基于Js，這樣很多框架都能使用它，例如Vue，估計(jì)IONIC也能用，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
2022-08-08