Wistain 2022-04-13 02:15 采纳率: 78%
浏览 124
已结题

为什么我的v-show不起作用?

点击按钮文字没有反应


<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Document</title>
</head>
<body>
  <div id="app">
    <button @click="toshow()">显示/隐藏</button>
    <div v-show="show">我会隐藏</div>
  </div>
<script src="https://cdn.jsdelivr.net/npm/vue"></script>
<script>
  var myapp=new Vue({
    el:'#app',
    data:{
      show: false,
    },
    methods:{
      toshow:function () {
        this.show = !this.show;
      }
    }
  });
</script>
</body>
</html>
  • 写回答

5条回答 默认 最新

  • iMingzhen 2022-04-13 09:17
    关注

    执行验证了下代码,代码没有问题,有问题的是cdn
    请将
    <script src="https://cdn.jsdelivr.net/npm/vue"></script>
    替换为
    <script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script>
    你引用的文件并非是完整的vue

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(4条)

报告相同问题?

问题事件

  • 系统已结题 4月21日
  • 已采纳回答 4月13日
  • 创建了问题 4月13日

悬赏问题

  • ¥15 Centos7 / PETGEM
  • ¥15 csmar数据进行spss描述性统计分析
  • ¥15 各位请问平行检验趋势图这样要怎么调整?说标准差差异太大了
  • ¥15 delphi webbrowser组件网页下拉菜单自动选择问题
  • ¥15 wpf界面一直接收PLC给过来的信号,导致UI界面操作起来会卡顿
  • ¥15 init i2c:2 freq:100000[MAIXPY]: find ov2640[MAIXPY]: find ov sensor是main文件哪里有问题吗
  • ¥15 运动想象脑电信号数据集.vhdr
  • ¥15 三因素重复测量数据R语句编写,不存在交互作用
  • ¥15 微信会员卡等级和折扣规则
  • ¥15 微信公众平台自制会员卡可以通过收款码收款码收款进行自动积分吗