mui index.html标题栏,index.html

滑动触发列表项菜单

滑动触发列表项菜单

拖拽(滑动)显示功能按钮,点击按钮触发事件

var Main = {

data () {

return {

list:[1,2,3,4,5,6,7,8,9]

}

},

methods: {

// 点击了li

btnTap(index){

alert(index)

},

//点击了删除

closeTap(index){

console.log(event);

console.log(event.currentTarget);

console.log(event.path[2]);

//var tag = event.currentTarget

var tag = event.path[2];

// 按钮

var btnArray = ['确认', '取消'];

mui.confirm('确认删除该条记录?', '删除', btnArray, function(e) {

console.log(e);

if(e.index==0){

vm.list.splice(index,1)

console.log(vm.list);

console.log(event.target);

console.log(tag);

console.log(mui.swipeoutClose);

}

mui.swipeoutClose(tag);

});

}

},

mounted(){

console.log(mui);

mui.plusReady(function(){

mui.init()

})

}

}

var vm = new Vue(Vue.extend(Main)).$mount('#app')

一键复制

编辑

Web IDE

原始数据

按行查看

历史

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值