uni-app中微信小程序开发

2025-02-04 20:42:21 156 阅读 AI 写同款 · GEO 优化AI 选题数据监测一键分发 ›

uni-app实现微信小程序云开发 uni-app实现微信小程序云开发前言工具解决方法一、开通云开发、创建环境二、设置云函数路径微信小程序uni-app三、初始化云环境微信小程序uni-app总结前言通过微信开发者工具的云模板创建小程序可以快速生成云环境，开始云开发。已经有一个微信小程序了，要使用云开发则需要做些配置来引入云。此文则是基于此思路，实现在HBulider中写小程序云函数，保证整个uni-app代码的整体性。工具 Hbuilder X 微信开发者工具解决方法在一个普通小程序中引入云开发需要做三件事：开通云开发、阅读详情

问题：在uni-app中数值计算封装到方法里，怎么在文本组件中进行调用，同时这个变量的值会同步

将计算封装到方法里

export default {
		data() {
			return {
				allkucun:0,
				lvkucun:0,
				chengkucun:0,
				lvaddnumber1 : '',
				lvdeletenumber2: '',
				chengaddnumber3: '',
				chengdeletenumber4 : '',
				addpiace5 :'',
				chukupiace6 : '',
				qitachengben7:'',
				num1:Number(this.lvaddnumber1),
				num2:Number(this.lvdeletenumber2),
				num3:Number(this.chengaddnumber3),
				num4:Number(this.chengdeletenumber4),
				num5:Number(this.addpiace5),
				num6:Number(this.chukupiace6),
				num7:Number(this.qitachengben7),
				
			}
		},
		 onLoad(options) {
			console.log(options)
			this.lvaddnumber1 = options.lvaddnumber
			this.lvdeletenumber2 = options.lvdeletenumber
			this.chengaddnumber3 = options.chengaddnumber
			this.chengdeletenumber4 = options.chengdeletenumber
			this.addpiace5 = options.addpiace
			this.chukupiace6 = options.chukupiace
			this.qitachengben7 = options.qitachengben
		  },
		
		methods:{
			goto(url){
				uni.navigateTo({
					url:url
				})
			},
			add(){
				const allkucun = this.num1 + this.allkucun + this.num3 - this.num2 - this.num4
				console.log(allkucun)
			}
			
		}
		
	}

在文本组件中传入变量

<template>
	<view class="zongti">
		<view class="kucun">
			<text class="wenbenkucun" style="color: chocolate;">
			当前总库存：{{allkucun}}件
			</text>
		</view>
	</view>
</template>

此时传入的allkucun的没有改变怎么解决

...全文