Laravel5.6 Vue 中使用 buefy,使用 b-checkbox 的时候,数据绑定出错?

我使用laravel5.6版本进行的开发 ,使用了buefy的框架。代码出错的部分,

 <p class="control">
             <input type='text' name="password" id="password" class="input" v-if="!auto_password">
            <b-checkbox  class="m-t-15 auto_generate" name="auto_generate" v-model="auto_password" >Auto Generate Password</b-checkbox>
            </p>
Js代码:
var app=new Vue({
          el:"#app",
          data:{
            auto_password:true,
          }
   });

当我在点击b-checkbox的时候,auto_password没有发生变化,我希望的是点击b-checkbox之后,input的标签会消失,而且我的控制台一直在报
[Vue warn]: Property or method "auto_password" is not defined on the instance but referenced during render. Make sure that this property is reactive, either in the data option, or for class-based components, by initializing the property.的警告。

《L05 电商实战》
从零开发一个电商项目,功能包括电商后台、商品 & SKU 管理、购物车、订单管理、支付宝支付、微信支付、订单退款流程、优惠券等
《G01 Go 实战入门》
从零开始带你一步步开发一个 Go 博客项目,让你在最短的时间内学会使用 Go 进行编码。项目结构很大程度上参考了 Laravel。
讨论数量: 0
(= ̄ω ̄=)··· 暂无内容!

讨论应以学习和精进为目的。请勿发布不友善或者负能量的内容,与人为善,比聪明更重要!