vue3+Ant Design实现购物车

最新推荐文章于 2023-07-09 21:27:34 发布

莉莉今天学习了咩

最新推荐文章于 2023-07-09 21:27:34 发布

阅读量375

点赞数

文章标签： vue.js typescript

本文链接：https://blog.youkuaiyun.com/weixin_68557949/article/details/129773683

版权

<template>
  <div>
    <a-table :row-selection="{ selectedRowKeys: selectedRowKeys, onChange: onSelectChange }" :columns="columns"
      :data-source="data" :pagination="{ pageSize: 4 }">
      <template v-slot:bodyCell="{ column, record }">
        <div v-if="column.dataIndex === 'proction'">
          <a-button :disabled="!(record.proction > 1)" @click="splice(record.key)">-</a-button>
          <input style="width:50px" type="text" placeholder='1' v-model="record.proction">
          <a-button @click="add(record.key)">+</a-button>
        </div>
        <div v-if="column.dataIndex === 'delete'">
          <span @click="detele(record.key)">{
  { record.delete }}</span>
        </div>
      </template>
    </a-table>


    <div style="margin-bottom: 16px">
      <a-button type="primary"