美文网首页小程序开发
小程序:列表项动态绑定事件

小程序:列表项动态绑定事件

作者: 东方晓 | 来源:发表于2021-12-28 14:19 被阅读0次

2021-12-28 周二

  • 固定绑定事件
 <view class="list" wx:for="{{list}}" wx:key="index" bindtap="goDetail">
  • 动态绑定事件
 <view class="list" wx:for="{{list}}" wx:key="index" bindtap="{{item.tap}}" >

data

list:[
  {
    id:0,
    tap:'goHome'
  },
 {
    id:1,
    tap:'goDetail'
  },
]

methods

goHome(){
   wx.navigateTo({
        url: '../home/home',
      })
}

相关文章

  • 小程序:列表项动态绑定事件

    2021-12-28 周二 固定绑定事件 动态绑定事件 data methods

  • vue基础:属性动态绑定、事件动态绑定

    属性动态绑定 :[属性名字] 事件动态绑定 @[事件名字]

  • 微信小程序常用知识-基础篇

    整理一些微信小程序常用的技术知识点,入门之用。 一、事件绑定 bindtap 二、样式导入 @import 三、列...

  • bind、live、delegate、one、on区别

    bind()实现事件绑定,但无法动态绑定事件。1.7版本以前比较受推崇 live()实现动态绑定事件,不支持连续调...

  • uni-app的坑

    1)input组件 小程序端 type属性不支持动态绑定 :type="type"用了动态绑定的话使用的是原生in...

  • uniapp动态绑定事件

    由于我的一个选项列表通过v-for动态渲染 在点击事件内通过 item.click的方式绑定点击事件发现小程序端并...

  • 小程序事件绑定

    1.需要给input标签绑定 input事件 绑定关键字bindinput事件 2.如何获取 输入框的值 通过事件...

  • Day 4 事件机制

    小程序默认在绑定事件的时候,要加bind,比如tap事件就是bindtap="start"这样的形式来绑定事件。 ...

  • 前端面试题(关于vue和小程序)

    vue class 与 style 怎么动态绑定?关键字:v-bind 小程序的双向绑定和vue哪里不一样小程序直...

  • jQuery事件

    2019-06-05 事件绑定 可以使用on方法进行事件动态绑定 示例:表格动态增删通过on方法附加的事件处理代码...

网友评论

    本文标题:小程序:列表项动态绑定事件

    本文链接:https://www.haomeiwen.com/subject/czepqrtx.html