vant使用简单疑问,JS函数怎么修改vue中的变量值

一个网页使用CDN引入vue与vant文件后,按照vant教程https://youzan.github.io/vant...

开始使用Popup 弹出层功能,HTML书写如下:

<div id="app">
<van-cell is-link @click="showPopup">展示弹出层</van-cell>
<van-popup v-model="show">内容</van-popup> 
</div>
<script>
    new Vue({
      el: '#app',
      data() {
            return {
                show:false,
            };
        },
    });
    function showPopup() {
          this.show = true;
        }
</script>

点击弹出层后,毫无反应!新手刚刚接触VUE,可能是函数中this.show没有去修改vue中的show值。请问怎么修改?

阅读 2.1k
1 个回答

事件放在 methods:{} 中,与 data 同层级

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题