Vue 动画中触发动画的css 属性是绑定变量的要怎么处理？

如图所示，要发生动画的css 属性是width 但是width 的宽度是是绑定动态变量的，所以只能写在style 中，但是测试发现只要写在style 中的css 属性就无法触发动画效果，求解决方案

为啥只能写在style中，使用id选择器不可以？