logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

pdf.js结合iframe实现文件(word,pdf)预览,且可通过手势缩放

1.下载pdf.js ,存放在public文件中地址https://download.csdn.net/download/weixin_39150852/131052742.获取需预览的文件信息,存在sessionStorage组件中使用iframe预览文件<template><div class="main-page-container"><div>文件名:

#javascript#vue.js#前端
pdf的预览,实现放大、缩小、翻页、跳转功能

安装vue-pdf插件npm install --save vue-pdf或yarn addvue-pdf引入 pad 文档地址html代码:<!--PDF 预览--><el-dialog title="":modal="false":visible.sync="viewVisible"width="33%"top="39px".

#vue.js
vue实现气泡运动撞击效果

封装组件<template><ul id="main"><li v-for="(item, index) in circleData" :key="index" :class="{'active': item.is_latest_sign_user}"><div><span>{{ item.nick_name }}</span&gt

#前端#javascript
vue-awesome-swiper实现循环滚动列表

安装指定版本cnpm install vue-awesome-swiper@3 --save-dev在页面中引入插件<template><div class="scorllBox"><div class="scrollnameList"><p v-for="(item, index) in scorllBoxListName" :key="index"&g

#javascript#vue.js
vue实现组件值的累加

css代码:<style>#myLit{border: 1px solid red;width: 100px;float: left;margin-right: 20px;}//定义不同的颜色类.red{...

router-view的使用

1.下载模块npm install vue-router2.在src根目录下新建router文件夹,下面新增一个modules文件夹存放不同模块的路由,再建一个router.js作为路由入口文件import Vue from "vue";import VueRouter from "vue-router";Vue.use(VueRouter);import

vue实现多图循环轮播

定义轮播组件<template><div class="swiperBox"><div class="directionIcon"><div class="imgLeft" @click="clickLeft"></div><div class="im...

vue-cli调用高德地图api

一、注册开发者账号并获得Key1、进入官网https://lbs.amap.com/,注册并登录2、登陆之后,点击控制台进入 [ 应用管理 ]页面 [ 创建新应用 ]3、获得应用 Key值,[ 服务平台 ]一项选择 [ Web 端 ( JSAPI )或 Web 服务 ]二、封装函数在vue-cli项目目录结构新增utils文件夹 ,utils文件夹里面,新建一个remoteLoad...

vue上传图片并预览

html代码:<div id="headImg"><div id="myPhoto"><div class="viewPhoto" @click="monidianji"><i cl...

vue监听鼠标滚动事件

<script>export default {name: "home",data(){return{currentId:1,}},methods:{//切换栏目cha...

    共 20 条
  • 1
  • 2
  • 请选择