使用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>