小程序在wxml使用indexOf

QQ技术交流群 173683866 526474645 欢迎加入交流讨论，打广告的一律飞机票

demo场景：

有两个数组，页面渲染一个数组1，数组2中有数组1随机下标的值，判断数组1是否包含数组2的值，如果包含了就改变当前下标的背景颜色。

index.wxml

<wxs module="m1">function fn(arr, arg) {var result = {indexOf: false,toString: ''}result.indexOf = arr.indexOf(arg) > -1;result.toString = arr.join(",");return result;}module.exports.fn = fn;
</wxs><block wx:for='{{arr}}' wx:key=''><view class="item " catchtap="click_yuan" data-item="{{item.i}}" style="background: {{m1.fn(seccArr, item.i).indexOf ? 'red':''}};">{{item.i}}</view></block>

index.js

Page({data: {arr:[{"www":16,"hhh":72,"i":1},{"www":157,"hhh":139,"i":2},{"www":206,"hhh":268,"i":3},{"www":208,"hhh":111,"i":4},{"www":205,"hhh":53,"i":5},{"www":60,"hhh":17,"i":6},{"www":151,"hhh":192,"i":7},{"www":70,"hhh":115,"i":8},{"www":101,"hhh":246,"i":9},{"www":253,"hhh":75,"i":10},{"www":280,"hhh":182,"i":11},{"www":75,"hhh":203,"i":12},{"www":306,"hhh":20,"i":13},{"www":287,"hhh":120,"i":"一"},{"www":203,"hhh":193,"i":"二"},{"www":11,"hhh":132,"i":"三"},{"www":141,"hhh":70,"i":"四"},{"www":226,"hhh":7,"i":"五"},{"www":91,"hhh":158,"i":"六"},{"www":303,"hhh":273,"i":"七"},{"www":1,"hhh":29,"i":"八"},{"www":137,"hhh":300,"i":"九"},{"www":4,"hhh":210,"i":"十"},{"www":112,"hhh":24,"i":"十一"},{"www":33,"hhh":287,"i":"十二"}],seccArr:[1,"一",2,"二",3,"三"]}
})

小程序在wxml使用indexOf相关推荐

微信小程序的wxml实现复杂运算或者数据处理
在微信小程序的wxml中可以在{{}}进行里进行简单的三目运算.但是复杂的比如字符串截取,parseInt().str.split().num.toFixed(),substring等在{{}}里是无 ...
微信小程序——标签wxml、样式wxss、js、json
一.标签wxml 之前学过HTML,里面常用的标签是div.span.img.a,现在小程序里面wxml文件里面写结构,相对应的写法是: div-->view span-->text im ...
微信小程序的 .wxml文件中如何加入多个空格
微信小程序的 .wxml文件中如何加入空格一.直接按空格键二.使用不换行空格 ` ` 一.直接按空格键注意:连续多个空格被视为一个空格代码演示: <text> 你好按了一次空格键 ...
微信小程序：WXML 模板
微信小程序:WXML 模板一.WXML 模板网页编程采用的是 HTML + CSS + JS 这样的组合,其中 HTML 是用来描述当前这个页面的结构,CSS 用来描述页面的样子,JS 通常是用来 ...
微信小程序在 wxml 文件中使用 Array.includes 方法
微信小程序中不能直接在wxml使用includes,否则不起作用需要通过wxs使用: 1.在wxs下创建一个includes.wxs var includes = function (array, ...
小程序在wxml中使用js，wxs，取整，判断等操作
小程序小记前一段时间在使用后台返回的数据的时候,发现返回的价格是0.16899999999999998 1.首先新建一个后缀为.wxs的wxs文件,在里面写入要用到的方法,然后导出 2.在页面内引入 ...
小程序在wxml页面中取整
小程序无法像html中,在页面中直接parseInt() index.wxml {{price | Int}} 小程序还有另一种处理方法 wxs 是一种类似于js脚本的东西 filters.wxs v ...
微信小程序：wxml中写js语句的方法
在小程序开发过程中,有时会遇到需要在wxml页面处理数据的情况,那么都有哪些方法可以实现呢?今天我们来总结两种方法. 第一种:直接在wxml文件中使用wxs标签 <wxs module=&quo ...
微信小程序中wxml的标签说明
对于不熟悉web开发的童鞋来说,开发微信小程序会遇到一个比较大的困难就是界面的排版问题了.其中wxml文件中的很多标签都需要慢慢的去熟悉,下面我就列出常用的标签及其分类.能够帮助之前没有经历过微信小程 ...

小程序在wxml使用indexOf

QQ技术交流群 173683866 526474645 欢迎加入交流讨论，打广告的一律飞机票

小程序在wxml使用indexOf相关推荐

最新文章

热门文章