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="sss">      <!--这里注意没有{},不能写成{sss} -->
        <div class="bigPic"></div>
        </div>
</template>

<script>
      export default {
        data(){
          return {
            scale:0.5,
          }
        },
        computed:{
          sss:function () {
            var aa = this.scale;
            return `transform:scale(${aa})`
          }
        }
      }
</script>

猜你喜欢

转载自www.cnblogs.com/renzm0318/p/9208696.html
今日推荐