Vue 绑定动态内联样式transform:rotate() 报错

原因:v-bind 或者 ‘:’ 后面是写的js代码，是用键值对形式写的，键是标签的css样式属性名，键就是属性值，键值必须是字符串，用变量也可以(前提是必须先在data里声明变量) :style="{transform:rotate()} 这个写法浏览器把rotate当成函数rotate()调用的,所以会报错解决://字符串模式:style="{transform: ‘ rotate(60deg

嗷呜~嗷呜~呜呜~

3575人浏览 · 2022-01-09 22:50:27

嗷呜~嗷呜~呜呜~ · 2022-01-09 22:50:27 发布

原因:

v-bind 或者 ‘:’ 后面是写的js代码，是用键值对形式写的，键是标签的css样式属性名，键就是属性值，键值必须是字符串，用变量也可以(前提是必须先在data里声明变量) :style="{transform:rotate()} 这个写法浏览器把rotate当成函数rotate()调用的,所以会报错

解决:

//字符串模式
:style="{transform: 'rotate(60deg)'} 
//变量形式
:style="{transform: `rotate(${变量}deg)`}

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^