微信小程序在双大括号{{}}里面写方法

这篇具有很好参考价值的文章主要介绍了微信小程序在双大括号{{}}里面写方法。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

<view class="baseText" wx:if="{{el.mixList.length>1}}">
	{{el.mixtitle}} ({{proNum(el.mixList)}})
</view>

这样写是不行的

因此我们可以这样:
1.新建一个.wxs文件,然后将方法暴露出来

// 需要注意:
// 1.不支持let,const
// 2.不支持箭头函数
var filter = {
    proNum: function (value) {
        var num = 0
        for (var i = 0; i < value.length; i++) {
            if (value[i].showType == 'flow') {
                num += 1
            } else {
                num += value[i].flowList.length
            }
        }
        return num
    }
}
// 导出方法
module.exports = {
    proNum: filter.proNum
}

2.在.wxml文件中引入并使用

// 引用.wxs文件
<wxs module='filter' src='./orderPayment.wxs'></wxs>

// 在页面上使用
<view class="baseText" wx:if="{{el.mixList.length>1}}">
	{{el.mixtitle}} ({{filter.proNum(el.mixList)}})
</view>

这样我所需要的参数就返回了
小程序{{}},微信小程序,javascript,前端文章来源地址https://www.toymoban.com/news/detail-516282.html

到了这里,关于微信小程序在双大括号{{}}里面写方法的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 微信小程序实现拼团功能javascript + swiper

    实现以上的拼团功能,纯自己手写 1.js 部分自己封装的方法,需要后台返回拼团组,主要包括团长信息,团结束时间等,核心是要拼接上面的最后面的1秒只内从9减到0的倒计时,给用户一种紧迫感 startCountdown: function () { const that = this; const timer = setInterval(function () { const groups =

    2024年02月02日
    浏览(38)
  • JavaScript、微信小程序 根据汉字拼音首字母进行归类分组

    在微信小程序里面不支持这个localeCompare方法,所以有了下面的方法 我们需要一个 开源的汉字库 ,也就是码表。这个库就可以。git库 不想去git下载直接拉到最底下有js文件,直接复制就行。 然后页面引入 china.js代码

    2024年02月11日
    浏览(31)
  • 微信小程序 左右滑动方法

    实现小程序左右滑动操作 wxml,在当前view层滑动操作 data数据

    2024年02月11日
    浏览(47)
  • 微信小程序页面传递参数方法

            页面跳转方法有很多中,但经常会通过一个页面传递参数给另一个页面,非常的常见。但数据量大的时候,通常用字符串传递,但会显得过于臃肿,下面介绍页面传递参数的各种方式。 例如:A跳转到B页面携带参数 特点:只能传递单个页面,数据量少 当然,如果过

    2024年02月03日
    浏览(66)
  • 微信小程序接口同步调用方法

    前言: 相信有很多小程序开发者在开发的过程中,接口异步调用导致接口调用的顺序和自己想象的不一样,前面的接口还没有调用完成后面的接口已经完成了,由于小程序默认是异步 同步调用和异步调用: 那么什么时同步什么是异步呢? 同步:同步调用一旦开始,必须要等

    2024年02月10日
    浏览(33)
  • 微信小程序反编译方法分享

    在日常开展渗透测试的工作中,经常会遇到各种各样的小程序,为了方便渗透测试人员及开发人员分析小程序的前端源代码,了解小程序的运行逻辑和页面上隐藏的信息,本文分享了利用解密和逆向工具,从本地缓存文件中反编译小程序前端源代码的方法,希望对大家日常开

    2024年02月03日
    浏览(30)
  • 微信小程序美化方法大集合

    微信小程序的界面美化非常重要,一个优秀的界面能对用户产生更大的吸引力,本文整理了适用于微信小程序页面美化的常用方法,包括: 颜色透明度控制 组件圆角显示 组件阴影显示 组件/页面渐变色 文字渐变色 背景区域裁剪 先看一个对比案例,下面分别是一个小程序美

    2024年02月01日
    浏览(20)
  • 微信小程序打开地图的方法

    1、打开内置地图 在地图上显示指定位置的标记点,并且支持调用内置地图进行导航;打开地图后点击右下角导航图标会弹出选项弹窗,让用户选择使用哪一个地图应用程序进行导航; 2、使用 map 组件 这个方式在真机上有效,可以直接弹出一个弹窗,选择app之后如果手机下载

    2024年02月15日
    浏览(54)
  • 微信小程序抓包方法汇总

    前言 ios端和mac用户可以忽略以下内容,本文针对于windows端和android端的微信无法抓取小程序数据包提出相关解决方案。 分析 Android7. 0及以上的系统中,每个应用可以定义自己的可信CA集。默认情况下,应用只会信任系统预装的CA证书,而不会信任用户安装的CA证书。而某些AP

    2023年04月15日
    浏览(27)
  • 微信小程序调用子组件的方法

    通过父组件的 selectComponent 方法获取子组件实例,然后调用其定义的方法。例如:    2. 直接在子组件中使用 this.triggerEvent() 触发一个自定义事件,父组件监听该自定义事件并执行相应的操作。例如: 以上两种方式都可以实现调用组件方法的目的,选择哪一种取决于具体情况

    2024年02月11日
    浏览(35)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包