首页 > 其他分享 >Vue3 安裝v-viewer

Vue3 安裝v-viewer

时间:2023-02-02 01:22:29浏览次数:53  
标签:false viewer Viewer 安裝 Vue3 import

一、执行命令 npm install v-viewer@next

二、在main.js中引入

// v-viewer:图片预览、缩放、翻转

import 'viewerjs/dist/viewer.css'

import Viewer from 'v-viewer'

 

 

 

 

app.use(Viewer, {

defaultOptions: {

zIndex: 9999,

toolbar: false,

transition: false,

title: false,

navbar: false,

// button:false,

scalable: false,

rotatable: false,

tooltip: false,

inline: false,

}

})

三、需要用到图片查看器的页面加v-viewer就可以了

 

 

 

标签:false,viewer,Viewer,安裝,Vue3,import
From: https://www.cnblogs.com/luoguixin/p/17084620.html

相关文章

  • vue3 + vite 报错处理
    TypeError:vite.defineConfigisnotafunction执行命令:npminstall@vitejs/plugin-vue-D config里面配置代码:importvuefrom'@vitejs/plugin-vue'exportdefa......
  • 直播平台源代码,vue3 provide与inject进行状态管理
    直播平台源代码,vue3provide与inject进行状态管理一、数据仓库准备在store–>新建index.js文件,作为仓库数据 状态集中管理数据实现响应式refreactive—>对象中存储......
  • vue3 自定义组件中使用 v-model
    1、直接绑定v-model,但是Props要固定为modelValue组件D:注意这里的Props和Emits,必须使用Vue提供的defineProps()和defineEmits()。如果父组件想要使用v-mod......
  • vue3+vite npm run build报错TypeError: (0 , import_vite_plugin_svg_icons.createSv
    报错内容如下:failedtoloadconfigfrom/home/app/git_repos/customer-visit-front/vite.config.jserrorduringbuild:TypeError:(0,import_vite_plugin_svg_icons......
  • 在vue3使用$forceUpdate的方法
    如果真的很需要在vue3中使用forceUpdate,同时又想使用 <scriptlang="ts"setup>的写法,那么可以这样写:<template> <button@click="handleClick">按钮</button></tem......
  • vue3原理
    constp=newProxy({name:'路飞',age:18},{//创建代理//查get(target,propName){console.log(`有人读取......
  • vue3.2 element-plus ui el-date-picker组件日期显示错误,只显示每月一号
    参考:https://blog.csdn.net/just_didi/article/details/125427169不管怎么点,怎么选,只能切换到每个月的一号,后面查找了很多文章发现上述文章提到的将yyyy-MM-dd改成YY......
  • vue3 el-cascader 实现 一级单选 ,二级多选,只能选择三个
    实现效果如下思路是1.选择一个时,取出一级选中值code,首先把一级中code不是选中code的置灰,实现一级单选2.当选择二级时,选中数组长度大于等于三,则把当前二级数据(不是选中......
  • 谈谈Vue3中的ref和reactive
    一、是什么?ref和reactive是Vue3中用来实现数据响应式的API一般情况下,ref定义基本数据类型,reactive定义引用数据类型(我喜欢用它来定义对象,不用它定义数组,原因后面讲)我......
  • vue3 之 ref
    vue3之ref vue2中的ref获取一个dom元素和实例对象 vue3中ref是用来定义数据响应式特别注意:ref可以接收基本数据类型,也可以是对象类型1、基本数据类型......