厕所打你 2021-01-27 22:23 采纳率: 25%
浏览 42

vue数据未响应式更新

<!DOCTYPE html>
<html>

<head>
  <meta charset="UTF-8">
  <title>Document</title>
</head>

<body>
  <div id="example">
    <ul>
      <li v-for="item in books">
        书名：{{item.name}}
        数量：{{item.amount}}
        <button @click="increment(item.amount)">+</button>
      </li>
    </ul>
  </div>
  <script type="text/javascript" src="D:/web/js/vue/vue.js"></script>
  <script>
    var app=new Vue({
      el: "#example",
      data: {
        books: [
          {
            name: 'js',
            amount: 1
          },
          {
            name: 'js',
            amount: 1
          }
        ]
      },
      methods: {
        increment(amount){
          amount++
        }
      }
    })

  </script>
</body>

</html>
  • 写回答

4条回答 默认 最新

  • 厕所打你 2021-01-27 22:26
    关注

    是因为，js函数是按值传递的？

    评论

报告相同问题？

悬赏问题

  • ¥30 这是哪个作者做的宝宝起名网站
  • ¥60 版本过低apk如何修改可以兼容新的安卓系统
  • ¥25 由IPR导致的DRIVER_POWER_STATE_FAILURE蓝屏
  • ¥50 有数据，怎么建立模型求影响全要素生产率的因素
  • ¥50 有数据，怎么用matlab求全要素生产率
  • ¥15 TI的insta-spin例程
  • ¥15 完成下列问题完成下列问题
  • ¥15 C#算法问题, 不知道怎么处理这个数据的转换
  • ¥15 YoloV5 第三方库的版本对照问题
  • ¥15 请完成下列相关问题！