vue 3 reactive/computed 嵌套变量字符串

Question

我在 vue3 new composition api 中遇到反应数据问题，这就是我正在尝试做的事情

设置

const imagesStyles = computed(() => {
  return { 'transform': `scale(${scale.value}) rotate(${rotation.value})` }
});

模板：

 <img
              :key="index"
              :src="images[index]"
              :style="imagesStyles" />

然而，即使 rotation/scale 的值，transform 属性的值在样式内部也不会改变，但是如果我改变颜色值，它在标签样式上的工作会完美无缺

但更奇怪的是，我尝试使用 {{imageStyles}} 进行调试以将其值直接显示为 html 中的文本，并且其更新正确。

你知道为什么这不起作用吗？

Answer 1

已解决 --

请始终检查您的 css 属性中是否有缺失的单位，因为如果是这样，它不会更新

它缺少 deg 单元，所以当旋转值为 0 时它正在工作，但一旦它改变，它就不再渲染了

vue 3 reactive/computed nested variable string