在WXML里面截取字符串

文章目录

  • 1. 业务需要
  • 2.以截取字符串前五位字符为例
  • 3. [知识补充](https://developers.weixin.qq.com/miniprogram/dev/framework/view/wxs/)


1. 业务需要

从后端拿来地数据不可避免地会有部分是我们不想展示地冗余字符,常规情况是我们在拿到后端数据地同时进行数据处理,那么有没有办法,不那么做,而直接在wxml里面直接截取呢?


答案是:肯定有的,那么具体怎么做呢?

  1. 创建一个WXS文件,里面写上你要对字符串进行处理的函数
  2. WXML里面,导入WXS这个包
  3. 对字符串进行处理

2.以截取字符串前五位字符为例

  1. wxs
var Sub = function (val) {
     
if (val.length == 0 || val == undefined)
 {
     
   return;
 } 
 if (val.length > 5) 
 {
     
   return val.substring(0, 5) ;
 } 
 else {
     
  return val;
 }
}

module.exports.Sub=Sub;


  1. wxml引包
<wxs module="MY" src="./sub.wxs">wxs>
  • MY可以替换成自己想要地名字
  • src填相对路径
  1. 使用

<wxs module="MY" src="./sub.wxs">wxs>

<view id='time'>
       {
    { MY.Sub( data['breakfast_open_time'] ) }}
  view>
 

3. 知识补充

在WXML里面截取字符串_第1张图片

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