2024-07-26 使用computed动态绑定的样式不生效？==》检查写法是否正确

不生效样式：

// template
<div :style="tSwitchItemCss"></div>

// script
const tSwitchItemCss = computed(() => ({
    'transform: ': `${openValue.value ? 'translateX(100%)' : 'translateX(0%)'}`,
}));

有看出是什么问题吗？

问题就在于左边的多了个空格，以及冒号，其实只需要写样式名就行。