uniapp在标签里放:style在微信小程序不生效问题

最新推荐文章于 2024-07-16 13:36:09 发布
最新推荐文章于 2024-07-16 13:36:09 发布
阅读量2.2k 收藏 4
点赞数 7
分类专栏： uniapp 微信小程序 文章标签： 小程序
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_53385000/article/details/116642627
版权

首先我是这样写，只能在h5页面生效

<view :style="speed_s"></view>

在data里定义了样式

 speed_s:{
	  	width: '160rpx',
	  	height: '100%',
	  	background: '#adadad'
	  }

可是这样在微信小程序里面并不生效，被编译成了这样
在这里插入图片描述
正确应该在在标签里加上[ ]，在微信小程序就会生效了

<view :style="[speed_s]"></view>
光头强发工资了
关注
专栏目录
微信小程序/uniapp：class和style不生效的问题
彭世瑜的博客
07-04 806
非常重要：小程序端不支持 classObject 和 styleObject 语法。
uniapp开发-H5端转微信小程序遇到的问题
qq_47548037的博客
08-23 595
uniapp开发-H5端转换成微信小程序遇到的问题
uniapp js :class不支持 style(XXX) 语法
最新发布
future_1_的博客
07-16 163
uniapp js :class不支持 style(XXX) 语法
uniapp中微信小程序不能编译style绑定方法的解决方案
ZhouXin_0819的博客
06-26 2384
uniapp中微信小程序不能编译style绑定方法的解决方案
解决uniapp修改内置组件样式，在微信中不生效问题
小二来一只葫芦
04-26 1255
解决uniapp修改内置组件样式，在微信中不生效问题
uniapp某个页面内部style修改组件样式不起作用，必须要去app.vue中修改才能生效的解决办法
番茄Salad
03-16 1634
【代码】uniapp某个页面内部style修改组件样式不起作用，必须要去app.vue中修改才能生效的解决办法。
uniapp 自定义组件Style无法使用
一名假人的博客
08-30 3412
uniapp 自定义组件Style无法使用 问题描述 最近在写一个uniapp的前端项目，在使用这个前端框架中遇到了关于组件样式不响应的问题。 模拟 <template> <!-- 发现在微信开发者工具中nodes完全没有样式，元素审查也看不出来 --> <view id="nodes"> </view> </template> <script> export default { data() { },
微信小程序scroll-view组件实现滚动动画
12-29
本文实例为大家分享了scroll-view组件实现索引列表滚动动画效果，供大家参考，具体内容如下 效果图 实现原理 利用scroll-view的scroll-into-view属性进行... '.city-list-active' : ''}} wx:for={{cityList}} style=he
微信小程序 scroll-view滚动到底部事件不触犯的锅
03-29
今日准备把微信小程序的下拉刷新做一下，没想到我绑定了bindscrolltolower事件，但是居然不触发,我设置了lower-threshold高度无济于事.最后经过不懈的努力，找了很多资料，才发现,居然要设置scroll-view高度，于是我...
uniapp(微信小程序/支付宝小程序) - 最新解决canavs绘制海报、二维码图片等不显示问题，在uniapp小程序开发中使用canavs制作base64图片在真机运行时空白不显示（详细解决方法）
高级前端工程师
04-08 3520
uni-app，微信小程序，支付宝小程序，uniapp小程序，canvas，base64，微信小程序中base64格式的小程序码通过canvas画出来无效，真机调试二维码不显示的问题。小程序base64编码图片无法使用canvas绘制，uni-app小程序 真机显示canvas上利用base64图片生成的海报，微信小程序中base64格式的小程序码通过canvas画出来无效，解决canvas base64图片在小程序真机不显示问题，无法使用canvas绘制的问题，微信小程序使用canvas真机不生效，微信小
uniapp开发微信小程序授权登录
qq_17617249的博客
09-13 1132
uniapp开发，微信小程序授权登录
在uni-app项目中设置背景颜色/微信小程序设置 backgroundColor无效的问题
热门推荐
qq_38143787的博客
03-16 1万+
在DCloud的官方提供的文档中写的方法是这样，如下 但是实际设置了之后，没有作用 因此采用了直接在全局样式中设置page的样式(也可以写在app.vue中)，如下： page { background-color: rgb(247, 247, 255); } 参考文章（侵删）：在uni-app项目中设置背景颜色 ...
uni-app运行至微信小程序端style动态绑定失效问题
weixin_43421663的博客
02-23 4042
一、问题描述: 今天开发遇到了一个前端样式问题。由于业务需要，onLoad()获取到手机屏幕长度然后将长度动态绑定至view标签的sytle属性中，在HbuilderX内置浏览器中显示正常，但在微信小程序中却显示不出来绑定的样式，下面是绑定时的代码。 页面标签部分： <view :style="{height:phoneHight}" class="content"> ... ... </view> script部分: export default { da
uniapp 组件样式在微信小程序中失效
mekave的博客
11-13 1万+
问题描述： 本人使用uniapp组件，直接在组件上加的样式info_checked和info_unchecked在H5中正常，打包到微信小程序，发现样式丢失。 由于本人非美学专业毕业，且是直男一枚，页面设计丑不可闻，见谅。 代码 <view class="cu-list menu-avatar"> <uni-section title="当日就诊患者" type="line"></uni-section> <uni-list v-for="(item, in
微信小程序Style无效
huyuchaoheaven的专栏
03-13 4280
超过一行显示省略号 overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
mpvue,uni-app开发微信小程序遇到的坑，直接在组件上写样式失效
qq_37672347的博客
08-28 2860
1、问题，在组件上直接写样式在小程序中不生效。 解决办法（<picker>中最好写一个<view class="style">写样式，而不是在picker上加样式。） 2、组件内引入图片要使用绝对路径。/static/... 3、对象的最后一个元素不能写逗号, 4、主页面的生命周期用onLoad代替created，onReady代替mounted。组件内使用5、...
uniapp开发微信小程序问题笔记-数组绑定class的问题
力挽狂澜的POWER
08-09 470
main.js中增加Vue.prototype.$store = store。正常使用mapGetters的时候，H5端无异常，非H5端会报错。自定义了一个icon的组件，部分代码如下。利用computed进行class拼接。
uniapp扫码点餐教程：微信小程序与nodejs商家后台
该资源是一套视频教程，涵盖了扫码点餐小程序的云开发，使用了uniapp、vue和nodejs技术栈，同时包含了商家后台管理的相关内容。教程中详细讲解了项目的开发、部署以及小票打印机的连接和使用。附带的资料包括不同...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

光头强发工资了

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值