原因:Vue将其误认为scale是函数
解决方法:可以使用模板字符串
<template> <div class="wrap" ref="message" :style="scaleFun"> <!--这里注意没有{},不能写成{sss} --> <div class="bigPic"></div> </div> </template> <script> export default { data(){ return { scale:0.5, } }, computed:{ scaleFun:function () { var scale = this.scale; return `transform:scale(${scale})` } } } </script>
以上就是vue强制绑定css3的缩放效果transfrom:scale()的详细内容,更多关于vue强制绑定css3的缩放效果transfrom:scale()的资料请关注九品源码其它相关文章!