亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定

小程序學習 wxml頁面截取字符串

標簽:
小程序

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

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

    https://img1.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人點贊

若覺得本文不錯,就分享一下吧!

評論

作者其他優質文章

正在加載中
Web前端工程師
手記
粉絲
7
獲贊與收藏
72

關注作者,訂閱最新文章

閱讀免費教程

感謝您的支持,我會繼續努力的~
掃碼打賞,你說多少就多少
贊賞金額會直接到老師賬戶
支付方式
打開微信掃一掃,即可進行掃碼打賞哦
今天注冊有機會得

100積分直接送

付費專欄免費學

大額優惠券免費領

立即參與 放棄機會
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號

舉報

0/150
提交
取消