《微信小程序》在wxml中使用函数

一首弦曲献仙音

已于 2023-04-19 16:20:56 修改

阅读量3.2k

点赞数 3

CC 4.0 BY-SA版权

分类专栏：微信小程序文章标签：微信小程序小程序前端

于 2023-03-14 15:53:51 首次发布

本文链接：https://blog.csdn.net/qq_42660374/article/details/129530405

微信小程序专栏收录该内容

2 篇文章

订阅专栏

文章介绍了在微信小程序的WXML中如何使用函数的两种方式：一种是在WXML中直接添加模块来调用函数，例如`strSplit`；另一种是创建单独的.wxs文件，导出函数如`strReplace`，然后在WXML中引入并调用。这两种方法都用于实现对字符串的特定处理。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在wxml中使用函数有两种方法

方法一：在wxml中直接添加模块，就可以在wxml中直接引用，举个例子

<wxs module="func">
  module.exports = {
    // *星号替换
    strSplit: function (value) {
      value = value.toString();
      var str = '';
      str = value.substring(0, 3) + '****' + value.substring(7, value.length);
      return str;
    }
  }
</wxs>

<text>{{func.strSplit(12345678901)}}</text>

方法二：新建wxs文件，在文件中写入函数，举个例子

//  .wxs文件
var strReplace = function (value) {  //  *号替换
  value = value.toString();
  var str = '';
  str = value.substring(0, 3) + '****' + value.substring(7, value.length);
  return str;
}
module.exports = {
  strReplace: strReplace
}

<!-- .wxml文件 -->

<!-- 引入 -->
<wxs src="../../utils/filter.wxs" module="filter" />

<!-- 调用 -->
<text>{{filter.strReplace(12345678901)}}</text>