vue强制绑定css3的缩放效果transfrom:scale()


vue不提供 transfrom:scale(1.5) ; 会报错 ,错误是  "TypeError: _vm.scale is not a function"; 

原因: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>

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM