uniapp——wxs过滤filter

最新推荐文章于 2024-06-03 15:58:24 发布

原创最新推荐文章于 2024-06-03 15:58:24 发布 · 410 阅读

0 ·

CC 4.0 BY-SA版权

uni-app 专栏收录该内容

32 篇文章

订阅专栏

这篇博客展示了如何在Vue组件中利用WXS（WeChat Mini Program Script）模块来实现数值加10的功能。通过在模板中调用`func.getNum(10)`方法，将值与WXS导出的`getNum`函数结合，实现了在页面上动态展示增加后的数值。此方法适用于微信小程序开发中需要进行简单计算的场景。

在显示页面的时候加10

代码如下：

<template>
	<view class="content">
		<view class="text-area">
			<text class="title">{{func.getNum(10)}}</text>
		</view>
	</view>
</template>

<script module='func' lang="wxs">
	module.exports = {
		getNum: function(value) {
			return value + 10
		}
	}
</script>

<script>
	export default {
		data() {
			return {
				title: 'Hello'
			}
		},
		onLoad() {

		},
		methods: {

		}
	}
</script>

<style>
	
</style>