当前位置: 首页 > news >正文

网站开发和ipv6百度小游戏入口

网站开发和ipv6,百度小游戏入口,网站的轮播图怎么做,惠城网站设计在当前页面整个 view 中 给页面绑定 点击事件bindtap"onSwipeCellPage"给 van-swipe-cell 组件设置 id (for循环可以添加 id"swip-cell-{{item.id}}" )van-swipe-cell 组件 添加属性 当用户打开滑块时触发 bind:open"swiperCel…
  1. 在当前页面整个 view 中 给页面绑定 点击事件bindtap="onSwipeCellPage"
  2. 给 van-swipe-cell 组件设置 id (for循环可以添加 id="swip-cell-{{item.id}}"
  3. van-swipe-cell 组件 添加属性 当用户打开滑块时触发 bind:open="swiperCellOpen"
  4. van-swipe-cell 组件 添加属性 点击滑动单元格时触发的事件 bind:click="onSwipeCellClick"
  5. 需要对单元格实例数组进行遍历,遍历以后获取每一个实例,让每一个实例调用 close 方式即可

示例

  1. 新建文件夹 SwiperCell.js
Page({data: {swipeCellQueue: [], //用来存储滑动单元格实例 },// 当用户打开滑块时触发swiperCellOpen(event) {// 获取单元格实例const instance = this.selectComponent(`#${event.target.id}`)// 将实例追加到数据中this.data.swipeCellQueue.push(instance)},// 给页面绑定 点击事件onSwipeCellPage() { this.onSwipeCellCommonClick() },// 点击滑动单元格时触发的事件onSwipeCellClick() { this.onSwipeCellCommonClick() },onSwipeCellCommonClick() {// 需要对单元格实例数组进行遍历,遍历以后获取每一个实例,让每一个实例调用 close 方式即可this.data.swipeCellQueue.forEach((instance) => {instance.close()})// 将滑动单元格数组重置为空this.data.swipeCellQueue = []}
})
  1. 然后在使用文件 wxml 中 最外层的 view 绑定 页面点击事件 bindtap="onSwipeCellPage"
  2. 给 swipe-cell 绑定一个 id <van-swipe-cell class="goods-swipe" right-width="{{ 65 }}" id="swipe-cell-{{item.id}}">
  3. 给 swipe-cell 绑定open和click事件 <van-swipe-cell class="goods-swipe" right-width="{{ 65 }}" id="swipe-cell-{{item.id}}" bind:open="swiperCellOpen" bind:click="onSwipeCellClick">
  4. 在 使用文件 js 中 引入 Behaviors
  5. 然后在 onHide 方法 引入 在页面隐藏的时候,需要让删除滑块自动弹回
import { ComponentWithStore } from 'mobx-miniprogram-bindings'
import { userStore } from '@/stores/userStore'
import { reqDelCartGoods } from "@/api/cart"import { swipeCellBehavior } from "@/behaviors/swiperCell"
const computedBehavior = require("miniprogram-computed").behavior
ComponentWithStore({behaviors: [ swipeCellBehavior],storeBindings: {store: userStore,fields: ['token']},data: {cartList: []},methods: {//  如果使用 Compoent 方法来构建页面// 生命周期钩子函数 需要在 methods 中才可以// 删除商品async delCartGoods(evnet) {// 要删除的idlet { id } = evnet.currentTarget.dataset// 自己封装的 modal方法const isOk = await wx.modal({title: '提示',content: "您确定要删除吗?"})if (!isOk) {return}const res = await reqDelCartGoods(id)if (res.code === 200) {....}},onHide() {this.onSwipeCellCommonClick()}}
})
http://www.yayakq.cn/news/740951/

相关文章:

  • 深圳龙华区住房和建设局网站做网站以前出名的公司
  • php网站模板带后台网站留言板作用
  • 网站wordpress房子做水电的时候是不是要先埋网站
  • 长沙建网站制作公司中山市建网站公司
  • 中英文切换的网站怎么做的电子商务网站 注意
  • 卫浴洁具网站模板石河子网页制作招聘
  • 什么是网页设计与网站建设主题wordpress
  • 南昌企业网站建设公司哪个好济南优化网站关键词
  • 光谷做网站推广费用做是么网站
  • iis服务器网站301重定向怎么做wordpress后台地址更改
  • 网站出现建设中做网站价格报价费用多少钱
  • 婚庆公司网站百度打击未备案网站
  • 网站开发部门叫什么公益404 wordpress
  • 网站二级目录怎么做301做视频网站了几百万
  • 新网站前期如何做seo网页制作与设计课程设计报告
  • 编程网站入口上海哪个网站专门做宝宝宴的
  • 采购seo数据监控平台
  • 南京江宁网站制作公司免费网络推广软件有哪些
  • 建设网站的服务费是指什么可以看小视频的浏览器
  • 博文阅读网站建设wordpress插件开发教程视频
  • 装修设计的网站建设部网站官网查询
  • 成都自适应建站哪家好网络营销方式举个例子
  • 门户网站建设全包wordpress+sql+导入数据库备份
  • 正品查询网站怎么做wordpress ace
  • 网站推广 经典案例企业手机网站建设
  • 静态网站制作价格网站建设项目流程
  • 佛山企业网站建设技术做模拟人生比较有名的网站
  • 哈尔滨网站搜索优化公司珠海网站建设哪家权威
  • 网店美工主要负责哪些工作如何优化网站快速排名
  • 设计网站哪个济南百度竞价代运营