`
starbhhc
  • 浏览: 655183 次
  • 性别: Icon_minigender_2
  • 来自: 深圳
社区版块
存档分类
最新评论

微信小程序WXML页面上直接进行字符串截取实现方式

阅读更多
一、首先,我新建一个wxs的文件夹,用于专门存放.wxs的文件,当然,文件名可以自己定义,并在文件夹下创建一个subutil.wxs的文件,
二、. wxs里面写的就是截取字符串的方法,这个里面可以写多个自定义 的方法,但是需要用module.exports的方式将自定义的方法暴露出去

var sub = function(val,num) {
  if (val.length == 0 || val == undefined) {
    return;
  }
  if (val.length > num) {
    return val.substring(0, num) + "...";
  } else {
    return val;
  }
}
module.exports.sub = sub;

var subNo = function (val, num) {
  if (val.length == 0 || val == undefined) {
    return;
  }
  if (val.length > num) {
    return val.substring(0, num);
  } else {
    return val;
  }
}
module.exports.subNo = subNo;

三、在需要使用的page页面以如下方式进行引用

<!-- 引入wxs脚本 -->
<wxs src="../../wxs/subutil.wxs" module="tools" />

<!-- 通过自定义的module名称tools引用sub截取方法 -->
{{tools.sub(item.goodsName)}}

分享到:
评论

相关推荐

    怎么样在微信小程序wxml中怎样进行列表渲染?

    怎么样在微信小程序wxml中怎样进行列表渲染? 能学到什么:在微信小程序wxml中怎样进行列表渲染?所以在学习的过程要结合这些内容一起来实践,并调试对应的代码。

    微信小程序云开发将页面生成为pdf

    在某些场景下,我们可能需要将微信小程序中的某个页面内容转换为PDF文件,以便用户可以离线查看或者打印。这个过程涉及到一系列的技术步骤,主要包括WXML转为Canvas,Canvas转为图片,最后图片合成PDF。以下将详细...

    微信小程序 仿京东商城页面 仿京东商城购物页面

    2. **数据绑定**: WXML 和 WXSS 之间的数据交互通过 JavaScript 进行,利用微信小程序的 Vue.js 风格的数据绑定机制,如 `{{ }}` 双大括号表达式,实现视图层与逻辑层的数据同步。 3. **Page 结构**: 小程序的每个...

    微信小程序 使用filter过滤器几种方式

    由于微信小程序 技术生态比较闭合,导致很多 现代前端框架很多积累出的成果都没有实现(可能未来会逐一实现). 用惯了现代 再耍小程序 总感觉很不顺手. 需要结果的请直接看最后的WXS ### View Filter filter 理解为...

    小程序 wxml里调用方法的用法及实践用法

    3. 数据过滤:在显示数据时,可能需要对数据进行过滤,WXS可提供过滤函数,如截取字符串、转换数据类型等。 四、注意事项 1. WXS与JavaScript不完全兼容,某些JavaScript语法在WXS中可能不适用,如异步操作、DOM...

    微信小程序改变字符.wxml

    微信小程序开放基础知识

    Towxml是一个可将HTMLMarkdown转为微信小程序WXML的渲染库

    例如,你可以将HTML字符串作为参数传入,返回的是转换后的WXML字符串,可以直接插入到小程序的页面模板中。对于Markdown,`Towxml`可能提供额外的配置选项,允许自定义一些渲染规则。 在下载的`towxml-master`...

    微信小程序 uni-app wxml-to-canvas 小程序内通过静态模板和样式绘制 canvas ,导出图片,可用于生成分

    【微信小程序 uni-app wxml-to-canvas】是一个用于在微信小程序中利用静态模板和样式来绘制canvas,并最终能够导出为图片的工具。这个技术在实际应用中特别适合用来生成分享图,即用户在社交平台上分享时看到的个性...

    微信小程序格式化以及高亮组件wxml-vscode-master.zip

    在微信小程序的开发过程中,我们通常会接触到两种主要的文件类型:WXML(WeiXin Markup Language)和WXSS(WeiXin Style Sheet),它们分别对应于HTML和CSS,用于构建小程序的结构和样式。 WXML是微信小程序的标记...

    微信小程序代码-微信中的知乎--微信小程序demo.zip

    1. **小程序模板代码**:在开发微信小程序时,模板代码可以作为快速启动项目的基础,开发者可以直接使用或在此基础上进行修改。这个压缩包中的模板代码,模仿了知乎的界面和功能,包含了一系列页面和组件,如登录、...

    微信小程序-模仿QQ小程序

    本项目“微信小程序-模仿QQ小程序”旨在通过模仿QQ小程序的界面和功能,帮助开发者学习和掌握微信小程序的开发技巧。 首先,我们需要了解微信小程序的基本结构。微信小程序由JSON、WXML、WXSS和JavaScript四部分...

    【微信小程序】点击按钮修改背景颜色

    在微信小程序开发中,用户交互是提升用户体验的关键因素之一,其中按钮(button)作为最常见的交互元素,其样式设计尤其重要。本教程将详细介绍如何在微信小程序中实现点击按钮后修改背景颜色的效果,让按钮在被点击...

    B站首页界面设计:附详细教程_微信小程序_微信小程序设计设计B站首页_

    微信小程序是腾讯公司推出的一种新型应用形态,它基于JavaScript、WXML(微信小程序标签语言)和WXSS(微信小程序样式表)进行开发。这种框架使得开发者能够利用Web技术开发原生应用,具有快速启动、流畅体验等特点...

    微信小程序项目实例——今日美食

    开发者可以通过微信提供的开发工具,使用JavaScript、WXML(微信小程序标记语言)和WXSS(微信小程序样式语言)进行编程,构建出具有原生应用体验的小程序。 在这个“今日美食”项目中,前端开发是关键。前端开发者...

    微信小程序源码-仿酷狗音乐微信小程序

    对于“仿酷狗音乐微信小程序”的具体实现,我们可以从以下几个方面进行深入研究: 1. 音乐播放功能:这涉及到音频播放API的使用,包括加载音乐资源、播放、暂停、停止、切换歌曲等功能。开发者需要处理音乐播放状态...

    将html文件转为微信小程序用的wxml文件html2wxml-master.zip

    在微信小程序开发中,WXML(WeChat Markup Language)是微信自定义的一种标记语言,用于构建用户界面。它与HTML类似,但具有自己的特性和规则,以适应微信小程序的运行环境。本压缩包"html2wxml-master.zip"提供了一...

    猫眼微信小程序源码.zip

    在数据管理上,可能会利用微信小程序的wx.cloud数据库进行云存储,以实现数据的同步和备份。 通过对猫眼微信小程序源码的深入学习,开发者可以了解到微信小程序的完整开发流程,包括如何定义页面结构、编写样式、...

    微信小程序点餐系统微信小程序开发实战

    小程序基于JavaScript、WXML(微信小程序标记语言)和WXSS(微信小程序样式语言)进行开发,可以调用微信提供的API实现丰富的功能。 二、点餐系统需求分析 点餐系统需具备以下功能: 1. 菜单展示:展示餐厅菜品,...

    微信小程序源码下载 微信小程序源码下载 2000套微信小程序源码

    3. **页面路由与生命周期**:小程序的页面有其特定的生命周期,源码中会体现如何在不同的生命周期函数中处理逻辑,以及如何通过路由进行页面间的跳转。 4. **样式设计**:WXSS类似于CSS,但有一些微信特有的规则。...

Global site tag (gtag.js) - Google Analytics