鍍金池/ 問答/HTML/ mint-ui cell-swiper 如何拿取index

mint-ui cell-swiper 如何拿取index

我想拿到如圖index，然后根據(jù)這個(gè)index刪除相應(yīng)的item

clipboard.png

請(qǐng)問怎樣才能實(shí)現(xiàn)呢？

回答
編輯回答
笨笨噠
<!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" >
</head>

<body>
  <div id="app">
    <mt-cell-swipe v-for="item in list" :key="item" title="標(biāo)題文字" :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>
2018年1月12日 04:15