• 中文
  • 注册
    • 查看作者
    • Vue笔记之Antd-vue table 获得当前行的值

      1.使用Antd table 获得当前值,则可以对table进行操作

      <!--内容-->
          <template>
              <a-table :columns="columns" :dataSource="testdata" :pagination="{ pageSize: 50 }" :scroll="{ y: 800 }" :bordered="true">
                  <!--操作-->
                  <template slot="action" slot-scope="text,record">
                      <a slot="action"  href="javascript:;" @click="onEdit(record)" >查看</a>
                      <!-- <span slot="action" slot-scope="text" href="javascript:;" @click="onEdit()" >编辑</span> -->
                      <!-- <span slot="action" slot-scope="text" href="javascript:;" @click="onEdit()" >删除</span> -->
                  </template>
              </a-table>
          </template>

      Vue笔记之Antd-vue table 获得当前行的值

      2.onEdit(record)

      Vue笔记之Antd-vue table 获得当前行的值

      3.前端显示

      Vue笔记之Antd-vue table 获得当前行的值

    • 0
    • 0
    • 0
    • 348
    • 请登录之后再进行评论

      登录
    • 做任务
    • 发表内容
    • 实时动态

    • 关于伊迪派 | 联系我们 | 免责声明 | 侵权投诉 | 小黑屋

      本站资源来源于互联网,仅供个人学习参考研究之用,请于下载后24小时内删除。
      如有侵犯您的权益,可通过邮件(admin@idepy.com)、站内通道等方式反馈,本网站将在第一时间处理。
      Copyright © 2019 - 2020 伊迪派(IDEPY), All Rights Reserved · 粤ICP备12030819号-6 · 粤公网安备 44132202100185号