uniapp中 :style的语法问题(兼容微信小程序)

直接上代码

html
<view class="c-bg-g l-ft l-fw" :style="[Style]"></view>

js

computed: {
	Style() {
		let {
			page_margin,
			goods_margin
		} = this.data
		let obj = {
			"padding": `0 ${page_margin}px`,
			"margin": `0 -${goods_margin/2}px`
		}
		return obj
	},
}

刚开始是:style=“Style"这样写的,如果return回的是字符串则没有问题,但是现在是一个对象;小程序编译的结果是style=”[object,object]",所以加上中括号就能解决

  • 6
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 4
    评论
手把手视频详细讲解项目开发全过程,需要的小伙伴自行百度网盘下载,链接见附件,永久有效。 简介 微信小程序是不需要下载安装即可使用的应用,它实现了应用“触手可及”的梦想,用户扫一扫或搜一下即可打开的应用,在微信小程序的使用过程,用户只增不减,很多的公司都开始研发属于自己的小程序,那么小程序该如何去制作并实现功能呢?本套视频教你一天打造企业级微信小程序的开发与应用 现在许多已开发过公众号的公司包括商家再次制作小程序,并且进行相互关联。而前期我们使用的公众号主要意在培养用户,而小程序则带来了更加全面的功能体验。微信生态当小程序相辅相成给了用户更加完美的用户体验,如果你现在是个人或者公司,想要享受到小程序的红利时刻,那第一步就是应该先会做一款属于企业或者属于你的小程序 课程内容 小程序基础 1、小程序注册 2、小程序开发者工具使用教程 3、小程序配置文件 4、小程序常用组件 5、小程序的模板语法 6、小程序样式编写 7、小程序的JavaScript 8、小程序应用及页的生命周期 9、小程序常用API 10、小程序的自定组件 11、小程序插件开发 12、小程序分包加载 13、小程序基础库版及兼容处理 14、小程序运行机制 15、小程序性能分析及优化 16、小程序云开发、云函数、云数据库 17、小程序上线和发布 黑马优购商城 1、原生框架的搭建 2、商品首页模块 3、分类商品模块 4、商品列表模块 5、商品详情模块 6、支付和登录模块 7、收藏模块 8、购物车模块 9、订单模块 10、搜索页面模块 11、个人心模块 12、意见反馈模块 13、项目的优化和发布上线

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 4
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值