手记

小程序学习 wxml页面截取字符串

最近项目中。由于布局问题不能用css样式去控制超出一行的字。所以,只能是截取字符串。把方法记录一下。

  1. 需要先建一个.wxs模块。可以是新建一个单独的文件,也可以直接在文件里新建.wxs

  2. .wxs里面写的就是截取字符串的方法
    
    var Sub = function (val) {
    if (val.length == 0 || val == undefined)
     {
       return;
     } 
     if (val.length > 10) 
     {
       return val.substring(0, 10) + "...";
     } 
     else {
      return val;
     }
    }
    //exports: 通过该属性,对外共享本模块的私有变量与函数。
    module.exports.Sub=Sub;
  3. 每个 wxs 模块均有一个内置的 module 对象。
    在需要使用的page页面以如下方式进行引用
    
    <!-- 引入wxs脚本 -->
    <wxs module="hotel" src="../hotelList/hotelList.wxs"></wxs>
    
    <!-- 通过自定义的module名称tools引用sub截取方法 -->
    {{hotel.Sub(item.MechanismAddress)}}




1人推荐
随时随地看视频
慕课网APP

热门评论

学习了?

查看全部评论