微信小程序中wxs过滤器替换字符串

wxs文件中

toImgfilter是导出的过滤器函数名称
正则表达式需要的使用方式

正则使用方式

直接使用报错 return url.replace((/w.h/, offset); ------ 卡了我好久…
先用一个变量存起来想要使用的正则表达式
var reg = getRegExp(‘w.h’, “g”);
return url.replace(reg, offset);

var toImgfilter = function (url,offset){
  var reg = getRegExp('w\.h', "g");
  return url.replace(reg, offset);
}
module.exports = {
  toImgfilter: toImgfilter
}

微信小程序中wxs过滤器替换字符串_第1张图片

wxml中

在相应的wxml中引入 module里放的是filter文件夹名,

<wxs module="filter" src="../wxs/filter.wxs"></wxs>
   <view class="moiveItemCon">
      <image src="{{filter.toImgfilter(item.img,'128.180')}}"></image>
    <view class="InfoCon">

微信小程序中wxs过滤器替换字符串_第2张图片

你可能感兴趣的:(微信小程序)