微信小程序function怎么使用(微信小程序在{{ }}中直接使用函数的方法示例)
类别:编程学习 浏览量:874
时间:2021-10-16 00:02:28 微信小程序function怎么使用
微信小程序在{{ }}中直接使用函数的方法示例前言
在微信小程序开发中(原生wxml、wxcss),想直接在{{ }}调用方法处理数据, 但是会报错。如:在项目中涉及到百分比的计算,js浮点数运算会出现精度问题,造成小数位数过多,因此想在模板语法中对值进行相应的处理。
1. 使用
<view>¥{{(money*0.03).toFixed(2)}}手续费(费率3%)</view>
报错,无法直接使用,也不能调用js中的方法。
2. 解决方案
既然{{}}中无法调用js中的函数,那该怎么办呢?微信提出了一种新的概念,WXS(WeiXin Script) ,小程序的一套脚本语言,可以在WXML的{{}}中调用.wxs的方法。
我们新建一个.wxs文件
// 支持es4语法 var filter = { numberToFixed: function(value){ return value.toFixed(2) } } // 导出对外暴露的属性 module.exports = { numberToFixed: filter.numberToFixed }
在.wxml中引入文件:
<!-- 引入.wxs文件 src为相对路径,module指定当前模块的名称 --> <wxs module="filter" src="./numberToFixed.wxs"></wxs>
在{{}}中调用.wxs模块中的方法:
<view>¥{{filter.numberToFixed(money*0.03)}}手续费(费率3%)</view>
总结
从vue到小程序,写页面最大的感觉就是,之前vue能用computed实现的一些处理或者methods的方法,可以直接在{{}}中调用,处理某些数据很便捷。微信推出WXS也是弥补了小程序{{}}中不能直接使用js中的方法的不足。另一方面也是提高了小程序的性能,各司其职。
到此这篇关于微信小程序在{{ }}中直接使用函数的文章就介绍到这了,更多相关微信小程序{{ }}使用函数内容请搜索开心学习网以前的文章或继续浏览下面的相关文章希望大家以后多多支持开心学习网!
您可能感兴趣
- 微信小程序单选框组件(微信小程序picker多列选择器mode = multiSelector)
- 微信小程序左右翻页效果(微信小程序实现九宫格效果)
- 微信小程序多人编辑表格(微信小程序实现固定表头、列表格组件)
- 宝塔小程序制作(宝塔面板微信小程序使用图文教程)
- 微信小程序计算器怎么用(微信小程序实现计算器功能)
- 微信小程序通知验证签名方法(微信小程序实现电子签名)
- 微信小程序获取时间(微信小程序wxs日期时间处理的实现示例)
- 怎么编写计算小程序(微信小程序实现简易计算器)
- php开发微信小程序后台步骤流程(基于PHP实现微信小程序客服消息功能)
- 微信小程序怎么绕过人脸的(详解微信小程序官方人脸核身认证)
- 微信小程序存token(小程序开发实现access_token统一管理)
- pythondjango后台管理(基于腾讯云服务器部署微信小程序后台服务Python+Django)
- 微信小程序计数器代码(微信小程序实现计算器案例)
- 微信小程序语音录入(微信小程序使用同声传译实现语音识别功能)
- flask项目微信小程序(Python Flask 搭建微信小程序后台详解)
- 微信小程序做计算器(微信小程序实现计算器小功能)
- 来了 成都轨道交通5条线路刷新 进度条(成都轨道交通5条线路刷新)
- 一部手机两套系统 OPPO Find X3的正确打开方式你知道吗(一部手机两套系统)
- OPPO用户看过来 汇总几个春节实用技巧,轻松搞定多设备联动玩法(汇总几个春节实用技巧)
- 北京旅游攻略(北京旅游攻略5日游及其花费)
- 四川旅游攻略(四川旅游攻略自由行攻略)
- 上海迪士尼攻略(上海迪士尼攻略旅游)
热门推荐
- python数据分割教程(python3对拉勾数据进行可视化分析的方法详解)
- docker挂载的注意事项(解决docker日志挂载的问题)
- 服务器宝塔面板使用教程(宝塔服务器管理助手Linux面板使用教程)
- php有几种模式(php 策略模式原理与应用深入理解)
- python中对象方法和顶级方法(Python3.5面向对象程序设计之类的继承和多态详解)
- css透明输入框(纯CSS实现气泡对话框尖角处理方案)
- python内置函数使用方法(Python神奇的内置函数locals的实例讲解)
- apache各种配置(让Apache支持Rewrite静态页面重写的方法)
- sql怎么查询字段合并(SQL函数将某个字段合并在一起的操作)
- python的静态方法和类方法(深入解析python中的实例方法、类方法和静态方法)
排行榜
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9