购物车功能，vuex，怎么点击加入购物车，没有反应呢（已解决，给购物车添加一本新的书）

hamimelon2020

已于 2022-03-09 10:12:43 修改

阅读量373

点赞数

分类专栏： vue JavaScript 文章标签： vue.js javascript

于 2022-03-09 09:59:21 首次发布

本文链接：https://blog.csdn.net/weixin_40945354/article/details/123369937

版权

本文记录了在Vue.js应用中使用Vuex实现购物车功能时遇到的问题，即点击添加商品到购物车无响应。经过排查，发现是methods拼写错误导致，修正后功能正常运行。

摘要由CSDN通过智能技术生成

<template>
  <div>
      <table>
          <tr>
              <td>商品编号</td>
              <td><input type="text" v-model.number="id"></td>
          </tr>
          <tr>
              <td>商品名称</td>
              <td><input type="text" v-model="title"></td>
          </tr>
          <tr>
              <td>商品价格</td>
              <td><input type="text" v-model="price"></td>
          </tr>
          <tr>
              <td colspan="2"><button @click="addCart">加入购物车</button></td>
          </tr>
      </table>
      <table>
          <thead>
              <tr>
                  <th>编号</th>
                  <th>商品名称</th>
                  <th>价格</th>
                  <th>数量</th>
                  <th>金额</th>
                  <th>操作</th>
              </tr>
          </thead>
          <tbody>
              <tr v-for = "book in books" :key="book.id">
                  <td>{
   {
    book.id }}</td>
                  <td>{
   {
    book.title }}</td>
                  <td>{
   {
    book.price }}</td>
                  <td><button>删除</button>{
   {
    book.count }}<button>+</button><

最低0.47元/天解锁文章