为了账号安全,请及时绑定邮箱和手机立即绑定

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

2019.04.04 15:01 4209浏览

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

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

    https://img2.sycdn.imooc.com/5ca5a8fe0001111602300139.jpg

  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" class="lazyload" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXYzh8+PB/AAffA0nNPuCLAAAAAElFTkSuQmCC" data-original="../hotelList/hotelList.wxs"></wxs>
    
    <!-- 通过自定义的module名称tools引用sub截取方法 -->
    {{hotel.Sub(item.MechanismAddress)}}



  4. https://img1.sycdn.imooc.com/5ca5ab310001427609260475.jpg

点击查看更多内容
1人点赞

若觉得本文不错,就分享一下吧!

评论

相关文章推荐

正在加载中
意见反馈 帮助中心 APP下载
官方微信

举报

0/150
提交
取消