返回介绍

cell-swipe

发布于 2021-06-25 16:28:59 字数 2425 浏览 937 评论 0 收藏 0

可滑动的单元格,用法同 cell。


引入

import { CellSwipe } from 'mint-ui';

Vue.component(CellSwipe.name, CellSwipe);

例子

增加右滑动按钮

<mt-cell-swipe
  title="标题文字"
  :right="[
    {
      content: 'Delete',
      style: { background: 'red', color: '#fff' },
      handler: () => this.$messagebox('delete')
    }
  ]"></mt-cell-swipe>

content 可以是 HTML 或者纯文本。

API

参数说明类型可选值默认值
icon图标Stringback, more
title标题String
to跳转链接String
value内容*
label备注信息,显示在标题下方String
is-link链接,会显示箭头图标。搭配 to 属性使用Boolean
left按钮组, { content, style, handler }Object[]
right按钮组, { content, style, handler }Object[]

Slot

name描述
-自定义显示内容
title自定义标题
icon自定义图标

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。
列表为空,暂无数据
    我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
    原文