vue mint-ui mt-cell-swipe 滑动删除对应的元素

min-ui官网

需求点击哪个删除哪个对应的元素并发送请求

data:

 data() {return {list: [],};},

html:

 <ul v-for="(item,index) in filterList" :key="index"><li @click="goDetails(item)" class="list"><mt-cell-swipev-if="authority":title="item.name":value="item":right="[{ content: '删除', style: {background: 'red', color: '#fff', marginLeft: '1px', fontSize:'16px'}, handler: () => deleteCell(item,index)}]"is-linkname="icon"><!-- <img slot="icon" :src="item.imgIcon" class="avatar"> --></mt-cell-swipe><mt-cell-swipe v-else :title="item.name" is-link name="icon"></mt-cell-swipe></li></ul>

js:

  methods: {
deleteCell(val,index) {console.log( val,index);}},

效果:

vue mint-ui mt-cell-swipe 滑动删除对应的元素相关推荐

上拉加载_如何用Vue + Mint UI实现上拉加载更多
引言: 上拉加载更多在移动端不论是在 app 里面还是在页面中都是必不可少的,以下是 mint-ui 中上拉加载更多的总结. 一.在项目中使用 mint-ui 需要先安装查看官网 (1)安装:npm ...
滑动加载怎么做 php,vue之UI框架如何实现滑动加载数据
在我们移动端还有一个很常用的组件,那就是滑动加载更多组件.平常我们看到的很多插件实现相当复杂就觉得这个组件很难,其实不是的!!这个组件其实可以很简单的就实现出来,而且体验也能非常的棒(当然我们没有实现 ...
mint ui tab html,Vue Mint UI tabbar切换
1.引入mint-ui 1).使用 vue-cli npm install -g vue-cli vue init webpack projectname 2). 部分引入在main.js中写入: ...
UITableViewCell 左侧滑动删除按钮添加图片（不完美解决）
*需求:给cell左侧滑动删除按钮添加图片 //目前的解决方法链接: https://pan.baidu.com/s/1kVE5gMF 密码: zaph *装态:还在解决网上查过资料一直没好的解决 ...
在基于nuxt的移动端页面中引用mint UI的popup组件之父子组件传值
最近在做移动端的wap页面,考虑到要做SEO,所以选定了nuxt+vue+mint ui. 有一个需求是这样的,点击头部菜单栏,出现一个气泡,点击返回首页. 由于一些页面没有统一引用mint的mt-h ...
【Vue学习总结】21.Vue-UI框架之Mint UI的使用
接上篇<20.Vue路由中的嵌套> 上一篇我们讲解了Vue路由中的嵌套,本篇我们来介绍Vue的UI框架----Mint UI的使用. 本系列博文使用的Vue版本:2.6.11 一.基于Vu ...
实战Vue：Mint UI移动端购物商城
文章目录 UI组件库下载安装配置UI组件库使用mint-ui组件库中组件短消息提示框 iconfont 确认框创建空组件实现提示框案例 mint-ui表单组件输入框开关组件单选列表表单 ...
【移动端vue ui框架学习】vue项目如何使用基于vue的UI框架mint ui
看了下饿了么团队开发的PC端vue ui框架Element ui之后,顺便看了看同团队开发的移动端的vue ui框架mint ui,那么在vue项目中应该如何使用mint ui呢?以下做简单的记录. ...
html mint ui,vue mint-ui初次使用总结
首先安装npm install mint-ui -S 此处选择全局引入,放main.js下 // 官网上没有引入css,需特别注意要引入 import Mint from 'mint-ui' impo ...

vue mint-ui mt-cell-swipe 滑动删除对应的元素

vue mint-ui mt-cell-swipe 滑动删除对应的元素相关推荐

最新文章

热门文章