在WXML里面截取字符串

简介: 在WXML里面截取字符串

文章目录


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脚本 -->
<wxs module="MY" src="./sub.wxs"></wxs>
<view id='time'>
       {{ MY.Sub( data['breakfast_open_time'] ) }}
  </view>

3. 知识补充

相关文章
|
JavaScript
js截取,拼接,字符串方法
js截取,拼接,字符串方法
|
4月前
|
存储 JavaScript
js切割截取字符串方法
js切割截取字符串方法
68 2
|
4月前
|
JavaScript 前端开发 C++
JavaScript用indexOf()在字符串数组中查找子串时需要注意的一个地方
JavaScript用indexOf()在字符串数组中查找子串时需要注意的一个地方
|
JavaScript 前端开发
javascript截取两个符号之间的字符串
javascript截取两个符号之间的字符串
94 0
|
JavaScript
Vue截取字符串
Vue截取字符串
169 0
|
JavaScript 前端开发 PHP
JS的字符串插值,变量长文本换行
作为一个PHPer,经常需要在html中写js jq来解析数据,形成列表、选项等等。 (谁让我们PHPer还要兼顾页面呢?? 又不会Vue,只能这样子讨讨生活。) 那么就经常遇到Html代码拼接,或者字符串拼接,可能是这样子的问题
429 0
JS的字符串插值,变量长文本换行
|
JavaScript
js数组与字符串的相互转换,排除某个符号或文字
js数组与字符串的相互转换,排除某个符号或文字
173 0
|
JavaScript 前端开发
JavaScript中 切割截取字符串的几种方法
JavaScript中 切割截取字符串的几种方法
231 0
|
JavaScript 前端开发
Javascript 返回指定位置的字符
Javascript 返回指定位置的字符
411 0
Javascript 返回指定位置的字符