问答博客资讯标签用户活动
logo极客观点logo项目管理logoHarmonyOS
javascript
前端
python
node.js
react
vue.js
php
laravel
go
人工智能
mysql
linux
ios
java
android
css
typescript
spring
程序员
logoONES 研发管理logo思否企业问答logo安谋科技 XPU

mint-ui cell-swiper 如何拿取index

头像
第17只狗子
    25315

    我想拿到如图index，然后根据这个index删除相应的item

    clipboard.png

    请问怎样才能实现呢？

    mint-uivue.js
    阅读 3.5k
    1 个回答
    得票最新
    头像
    Chobits
      7.4k2827
      <!DOCTYPE html>
<html>

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
  <!-- 引入样式 -->
  <link rel="stylesheet" href="https://unpkg.com/mint-ui/lib/style.css">
</head>

<body>
  <div id="app">
    <mt-cell-swipe v-for="item in list" :key="item" title="标题文字" :label="item" :right="GetBtn(item)">
    </mt-cell-swipe>
  </div>
</body>
<!-- 先引入 Vue -->
<script src="https://unpkg.com/vue/dist/vue.js"></script>
<!-- 引入组件库 -->
<script src="https://unpkg.com/mint-ui/lib/index.js"></script>
<script>
  new Vue({
    el: '#app',
    data() {
      return {
        list: '123456789'.split('')
      }
    },
    methods: {
      GetBtn(item) {
        return [{
          content: 'Delete',
          style: {
            background: 'red',
            color: '#fff'
          },
          handler: () => this.handleClick(item)
        }]
      },
      handleClick: function (item) {
        this.$toast(item)
      }
    }
  })
</script>

</html>
      撰写回答
      你尚未登录，登录后可以
      • 和开发者交流问题的细节
      • 关注并接收问题和回答的更新提醒
      • 参与内容的编辑和改进，让解决方法与时俱进
      推荐问题