![](https://img-blog.csdnimg.cn/2019083013374329.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
vue
文章平均质量分 53
前端_李嘉豪
一言难尽
展开
-
vue3+element+sortablejs实现table动态拖拽
vue3+ts+element使用sortablejs完成table动态拖拽原创 2022-07-13 16:07:10 · 3194 阅读 · 0 评论 -
vue3.0项目快速搭建
如何搭建一个vue3.0基础项目?一、我们要确保vue/cli版本在4.5.0以上,才能更好的支持3.0//安装最新vue/cliyarn global add @vue/cli //或npm install -g @vue/cli用vue -V查看安装的版本号检验是都成功安装。二、通过vue/cli3创建我们的第一个项目vue create your-project ? Please pick a preset: (Use arrow keys) default (babel原创 2021-12-20 16:39:41 · 1880 阅读 · 1 评论 -
vue项目install node-sass报错解决方案
小编也是最近遇到得一个坑,因为换了台电脑,从新拉下来得代码install就报错npm run dev 也会报错如下小编也是百度好久终于知道了问题得所在,是因为node-sass版本较低找不到node-sass里得一个文件,那么解决办法就来了,先把node_modules包给删除了,然后在项目目录下cmd 把node-sass给配置一下最新版本npm i node-sass -D 配置好以后我再在进行cnpm install 这样项目配置下来就不报错了接下来直接运行项目 npm run d原创 2021-02-22 13:54:36 · 866 阅读 · 1 评论 -
vue keepalive 动态缓存页面
1,使用keep-alive标签<keep-alive> <router-view v-if="$route.meta.keepAlive"></router-view></keep-alive><router-view v-if="!$route.meta.keepAlive"></router-view>2,router配置缓存页面开关 { // 模板列表 path: 'temp原创 2020-07-28 20:00:32 · 1177 阅读 · 0 评论 -
vant上传图片
直接上代码了 <van-uploader :file-list="fileList" multiple result-type="file" :after-read="handleUpload" /> methods: { async handleUpload(event) { this.$loading.open('上传中') let { ro原创 2020-06-15 16:18:12 · 3041 阅读 · 3 评论 -
vue保存图片到本地
首先呢我们要,安装一下依赖;npminstallhtml2canvas--save接下来我们就直接上代码了 <van-tab title="签到二维码"> <div class="QRCode-box"> <!-- /static/images/QRCode-box.png --> <van-image src="/static/images/QRCode-box.png" /> ...原创 2020-05-22 15:19:53 · 11962 阅读 · 4 评论 -
vue-echarts实战开发
我们今天讲解vue-echarts的开发使用方法,我们先看效果;我们直接贴代码,对应效果会有注释。<template> <div class="echarts-box"> <div id="chart_example" style=' width: 420px;height: 300px;'></div> </div></template><script>import echarts原创 2020-05-22 13:56:18 · 730 阅读 · 0 评论 -
vue-router-link-active的作用
如图所示:我们跳转至对应页面就显示选中状态我们只需要定义.router-link-active的样式即可改变选中状态以上就实现了我们router-link-active给选中路由组件添加选中样式喜欢上方小程序,需要源码的,私信小编留下邮箱。...原创 2020-05-14 13:09:53 · 1269 阅读 · 0 评论 -
async await 基本使用方法
直接贴代码了,自己去打印看效果就会懂 async function async1() { console.log(1); const result = await async2(); async3() } async function async2() { return new Promise((resolve...原创 2020-01-06 13:57:56 · 730 阅读 · 2 评论 -
Vue表情包输入组件
地址http://npm.taobao.org/package/emoji-mart-vue;安装npm install --save emoji-mart-vue组件import { Picker } from "emoji-mart-vue"; //引入组件<template> <div class="container">...原创 2019-12-11 15:40:41 · 5090 阅读 · 3 评论 -
vue移动端适配
移动端适配:一,安装 lib-flexible:npm i lib-flexible --save二,main.js中引入lib-flexible:import 'lib-flexible/flexible'三,安装px2rem-loader:npm i px2rem-loader四 ,配置px2rem-loaderbuild / utils.j...原创 2018-12-10 15:26:14 · 473 阅读 · 0 评论 -
vue路由传值及接收传递数据
传递数据<template> <div id="app"> <router-link :to="{path: '/page', query:{page}}">router-link传值</router-link> <div @click='goPage()'>方法传值</div> </div...原创 2018-07-16 10:24:29 · 6876 阅读 · 1 评论 -
vue2.0+mint-ui 音频播放器显示进度条开发实例
html<template> <div class="audioOff"> <div class="ofplayBox"> <audio id="audio" :src="audioURl"></audio> <div class="isPlayImg...原创 2018-10-17 13:58:18 · 2484 阅读 · 6 评论