uni-app中微信小程序开发

青椒炒肉不放肉 2025-02-04 20:42:21

问题:在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的没有改变怎么解决

...全文
25 回复 打赏 收藏 转发到动态 举报
写回复
用AI写文章
回复
切换为时间正序
请发表友善的回复…
发表回复

28

社区成员

发帖
与我相关
我的任务
社区管理员
  • c_university_2444
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧