当前位置:首页 > 编程笔记 > 正文
已解决

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

来自网友在路上 150850提问 提问时间:2023-10-10 16:48:37阅读次数: 50

最佳答案 问答题库508位专家为你答疑解惑

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对象来使用这里面写的函数

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

查看全文

99%的人还看了

猜你感兴趣

版权申明

本文"微信小程序wxs标签 在wxml文件中编写JavaScript逻辑":http://eshow365.cn/6-18475-0.html 内容来自互联网,请自行判断内容的正确性。如有侵权请联系我们,立即删除!