vue-pdf实现放大、缩小

最新推荐文章于 2024-07-30 19:35:09 发布

－HaiXin

最新推荐文章于 2024-07-30 19:35:09 发布

阅读量3.5k

点赞数 2

分类专栏：前端文章标签： vue

本文链接：https://blog.csdn.net/LoveHaixin/article/details/124385739

版权

前端专栏收录该内容

6 篇文章 0 订阅

订阅专栏

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