vue
闲敲代码落灯花w
这个作者很懒,什么都没留下…
展开
-
vue+element导入导出Excel表格
1、安装npm install -S xlsx@0.14.1npm install -D script-loadernpm install -S file-saver 注意:xlsx版本不要安装错了~~~2、创建utils文件夹,里面新建excel.js文件,下面代码直接复制到excel.js文件即可/* eslint-disable */require('script-loader!file-saver')import XLSX from 'xlsx'function ge原创 2022-02-25 16:11:39 · 1366 阅读 · 1 评论 -
vue中左右滑动切换内容
触摸参数:touchstart:触摸开始touchmove:接触点改变,滑动时touchend:触摸结束,手指离开屏幕时touches:当前位于屏幕上所有手指的列表代码部分:html: <div class="all" @touchstart = "touchstart" @touchmove = 'touchmove'></div>js: touchstart(e){ this.startX = e.touches[0].原创 2022-01-18 15:03:48 · 3723 阅读 · 0 评论 -
节流版懒加载函数封装
lazyload.js文件原理:把src设置为空,实际路径放入data-src中。利用高度差,图片加载到视觉范围内把data-src里的真实路径放入src中,开始加载图片function getTop(e){ var T = e.offsetTop; while(e = e.offsetParent){ T += e.offsetTop; } return T}function lazyLoad(imgs){ var H = docu原创 2022-01-14 15:34:52 · 261 阅读 · 0 评论 -
Aliplayer使用dispose切换地址报错:Error in callback for watcher “url“: “TypeError: 没有为播放器指定容器“
代码:<template> <div class="video-play-page"> <div id="J_prismPlayer"> <!-- <div class="author" v-show="isFullScreen"> <img src="" alt="" /> <div> <h3>地表最强</h3> ..原创 2021-12-30 17:07:18 · 2482 阅读 · 0 评论 -
vue3.x中的ref
1、无法通过this.$refs获取DOM元素<template> <div> <div ref="box"></div> </div></template><script>import { ref } from 'vue'export default { setup() { console.log(this.$refs.box); },};</script>原创 2021-11-30 13:53:42 · 707 阅读 · 0 评论 -
一、vue3使用vite创建项目
使用vite创建项目(npm版本7以上)npm init vite@latest my_proj -- --template vuemy_proj为我的项目名称,可修改选择vue创建完成,按照Now run后面的命令运行即可cd my_projnpm install npm run dev在浏览器地址栏输入Local后面的地址:http://localhost:3001,即可看到项目创建完成...原创 2021-11-30 09:45:18 · 485 阅读 · 0 评论 -
二、vue3路由的使用(vue-router)
1、安装vue-routernpm install vue-router@next2、配置路由src下新建route/index.jsimport { createRouter, createWebHistory } from 'vue-router';const routes = [ { path:'/', redirect:'/home' }, { path:'/home', name:'H原创 2021-11-29 18:00:16 · 495 阅读 · 0 评论