微信小程序wxs标签 在wxml文件中编写JavaScript逻辑

news/2024/7/20 0:43:58 标签: 微信小程序, javascript, 小程序

PC端开发 可以在界面中编写JavaScript脚本
vue/react这些框架更是形成了一种常态 因为模板引擎和jsx语法本身就都是在js中的
我们小程序中其实也有类似的奇妙写法 不过先声明 这东西不是很强大
我们可以先写一个案例代码
wxml代码参考

<view>
    <wxs module="wordStyle">
        var formatText = function(text) {
            return text+"测试高级数据整理";
        }
        module.exports = {
            formatText: formatText
        }
    </wxs>
    <text>{{ wordStyle.formatText('hello') }}</text>
</view>

运行结果是这样的
在这里插入图片描述
好 我们来读一下这个代码 很明显
就相当于是一个js模块 有点像html中的 srcipt标签
里面声明了一个函数 formatText 接受一个参数 text
然后 方绘制就是传进来的 text 加上 测试高级数据整理
然后返回回去
后面 我们module.exports导出这个函数
然后在界面元素中 我们可以通过wordStyle对象来使用这里面写的函数

运行结果也明显是显示正确了的


http://www.niftyadmin.cn/n/5073102.html

相关文章

滚雪球学Java(42):探索对象的奥秘:解析Java中的Object类

&#x1f3c6;本文收录于「滚雪球学Java」专栏&#xff0c;专业攻坚指数级提升&#xff0c;助你一臂之力&#xff0c;带你早日登顶&#x1f680;&#xff0c;欢迎大家关注&&收藏&#xff01;持续更新中&#xff0c;up&#xff01;up&#xff01;up&#xff01;&#xf…

Deep learning of free boundary and Stefan problems论文阅读复现

Deep learning of free boundary and Stefan problems论文阅读复现 摘要1. 一维一相Stefan问题1.1 Direct Stefan problem1.2 Inverse Type I1.3 Inverse Type II 2. 一维二相Stefan问题2.1 Direct Stefan problem2.2 Inverse Type I2.3 Inverse Type II 3. 二维一相Stefan问题…

echart3D地图

1、3d地图公共组件 <template><div :id"id" :class"className" :style"{ height: height, width: width }" /> </template> <script> // 引入默认主题 import tdTheme from "./theme.json"; import resizeMi…

ffmpeg从一个视频中提取音频

ffmpeg -i ~/video/video.mp4 -vn -acodec copy ~/video/audioFile.m4a 从video.mp4中提取音频到文件audioFile.m4a中 查看提取的音频文件 ffprobe ~/video/audioFile.m4a

VR酒店虚拟仿真情景实训教学演示

在传统的酒店管理教学过程中&#xff0c;学生往往缺乏实践操作经验&#xff0c;难以将理论知识与实际工作相结合。而VR酒店虚拟仿真情景实训教学应用可以为学生提供一个逼真的、沉浸式的酒店管理环境&#xff0c;使学生能够在模拟实践中掌握酒店管理的各项技能。 VR酒店虚拟仿真…

MybatisPlus01

MybatisPlus01 1.MybatisPlus初体验 1.1首先要引入MybatisPlus的依赖 <dependency><groupId>com.baomidou</groupId><artifactId>mybatis-plus-boot-starter</artifactId><version>3.4.2</version></dependency>1.2定义Mapp…

SpringBoot的创建与配置文件【.properties与.yml】

SpringBoot的优点&#xff1a; 1.快速添加外部jar包 2.内置运行容器&#xff0c;无需Tomcat 3.可以快速部署&#xff0c;不依赖外部容器 4.抛弃繁琐的XML 5.拥有更多监控指标 SpringBoot 项目创建 SpringBoot的创建步骤 1. 通过 idea 创建 a.专业版直接创建&#xff0c;无需插…

Godot 初学

前言 因为9月份 Unity一顿安装计费的骚操作&#xff0c;导致世界开发者对于Unity 随意修改开发条例&#xff0c;追溯之前开发游戏版本感到愤怒。Unity是全球游戏使用率超过50%的引擎&#xff0c;Unity和Unreal是最主流的第三方游戏引擎。除非你是大厂可以自研引擎&#xff0c;…