使用width:%会出现问题

所以使用transform:scale(1)

注意:

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>

Logo

前往低代码交流专区

更多推荐