uni-app绑定style，动态修改scaleY无效，scale属性正常

uni-app绑定style，动态修改scaleY无效，scale属性正常

问题描述

绑定style，动态修改scaleY无效，scale没问题

目前 IOS 安卓都不行

<image mode="aspectFill" :style="{scaleY:scaleY}" src="/static/image/touxiang.jpg"></image>

…

2 回复

为什么没人答复你，社区问题/bug处理优先级规则，详情：https://ask.dcloud.net.cn/article/38139https://ask.dcloud.net.cn/article/38139

更多关于uni-app绑定style，动态修改scaleY无效，scale属性正常的实战教程也可以访问 https://www.itying.com/category-93-b0.html


在 uni-app 中，直接使用 scaleY 作为内联样式绑定确实可能在某些平台或版本上不生效，因为并非所有 CSS 属性都能被小程序或 App 端完全支持。scale 属性通常被 uni-app 的渲染引擎处理得更好，而 scaleY 可能需要通过 transform 来实现跨端兼容。

解决方案： 将 scaleY 改为 transform 属性，并配合 scaleY 函数：

<image 
  mode="aspectFill" 
  :style="{ transform: `scaleY(${scaleY})` }" 
  src="/static/image/touxiang.jpg"
></image>
回到顶部