随笔分类 -  Vue编写运行小技巧

摘要:安装 npm install vue-touch@next -S main.js引入 1、import VueTouch from 'vue-touch' 2、Vue.use(VueTouch, {name: 'v-touch'}) // 组件内 <template> <v-touch v-on:s 阅读全文
posted @ 2022-08-07 21:10 一个大不刘blog 阅读(3374) 评论(0) 推荐(0) 编辑
摘要:在中间添加文字 option:{ title: { // 图形标题(如果想要换行则使用ES6 `` 模板字符串) // 例如: `示例 // 这里的文字会变为第二行(因为会保留格式) // ` text: '文字', left: "center",//对齐方式居中 top: "45%",//距离顶部 阅读全文
posted @ 2022-08-07 21:08 一个大不刘blog 阅读(155) 评论(0) 推荐(0) 编辑
摘要:导入: npm install --save vue-pdf <pdf v-for="i in numPages" :key="i" :src="src" :page="i" style="display: inline-block; width: 50%" ></pdf> date中: data( 阅读全文
posted @ 2022-08-07 21:07 一个大不刘blog 阅读(282) 评论(0) 推荐(0) 编辑
摘要:1、安装vue-video-player npm install vue-video-player --save 2、在main.js中引入vue-video-player import VideoPlayer from 'vue-video-player' require('video.js/di 阅读全文
posted @ 2022-08-07 21:06 一个大不刘blog 阅读(869) 评论(0) 推荐(0) 编辑
摘要:项目打包后,代码都是经过压缩加密的,如果运行时报错,输出的错误信息无法准确得知是哪里的代码报错 有了map 就可以像未加密的代码一样,准确的输出是哪一行哪一列有错。 所以该文件如果项目不需要是可以去除掉 vue.config.js 配置 productionSourceMap:false 路由懒加载 阅读全文
posted @ 2022-08-07 21:05 一个大不刘blog 阅读(1787) 评论(0) 推荐(0) 编辑
摘要:![image](https://img2022.cnblogs.com/blog/2213654/202208/2213654-20220807210227568-1726795777.png) ![image](https://img2022.cnblogs.com/blog/2213654/202208/2213654-20220807210233395-727424307.png) 阅读全文
posted @ 2022-08-07 21:03 一个大不刘blog 阅读(24) 评论(0) 推荐(0) 编辑
摘要:项目打包后,代码都是经过压缩加密的,如果运行时报错,输出的错误信息无法准确得知是哪里的代码报错 有了map 就可以像未加密的代码一样,准确的输出是哪一行哪一列有错。 所以该文件如果项目不需要是可以去除掉 vue.config.js 配置 productionSourceMap:false 路由懒加载 阅读全文
posted @ 2022-06-03 00:40 一个大不刘blog 阅读(361) 评论(0) 推荐(0) 编辑
摘要:直接卸载原来的sass-loader和node-sass npm uni xxx 然后安装sass和sass-loader这两个 //版本分别为 npm i sass@1.51.0 npm i sass-loader@10.1.1 当出现以下警告时 Deprecation Warning: Usin 阅读全文
posted @ 2022-06-03 00:38 一个大不刘blog 阅读(2019) 评论(0) 推荐(0) 编辑
摘要:路由链接那个被激活就给那个绑定class <router-link active-class="active" to="/about">About</router-link> //如果不想使用路由跳转 但只想使用active-class属性,只需要将四个to属性的值设置不同即可 <router-li 阅读全文
posted @ 2022-04-10 00:07 一个大不刘blog 阅读(35) 评论(0) 推荐(0) 编辑
摘要:导入axios与nprogress,和nprogress.css样式 import axios from 'axios' import nprogress from 'nprogress' import 'nprogress/nprogress.css' import Qs from 'qs' 对a 阅读全文
posted @ 2022-04-10 00:06 一个大不刘blog 阅读(337) 评论(0) 推荐(0) 编辑
摘要:可将所有请求函数放进一个名为APi文件夹内的index.js文件内 //导入封装后的axios import request from './request' import localrequest from './localrequest' // 获取分类列表 export function ge 阅读全文
posted @ 2022-04-10 00:06 一个大不刘blog 阅读(101) 评论(0) 推荐(0) 编辑
摘要:各个路由自己的仓库可以在其文件夹中新建名为xxxStore/xxxAbout.js 需要在各个模块内开启namespaced:true // 登录页请求 const loginAbout = { namespaced: true, actions: {}, mutations: {}, status 阅读全文
posted @ 2022-04-10 00:05 一个大不刘blog 阅读(169) 评论(0) 推荐(0) 编辑
摘要:1.安装nanoid库 npm i nanoid 2.引入nanoid库 import {nanoid} from 'nanoid' 3.使用nanoid nanoid(); 阅读全文
posted @ 2022-04-10 00:03 一个大不刘blog 阅读(410) 评论(0) 推荐(0) 编辑
摘要:Mockjs的安装 官网:http://mockjs.com/ Webpack安装:npm i mockjs 使用步骤 (1)在项目当中src文件夹中创建mock文件夹 (2)准备JSON数据(在mock文件夹中创建相应的JSON文件) (3) 把mock数据需要的图片放置到public文件夹中【p 阅读全文
posted @ 2022-04-10 00:02 一个大不刘blog 阅读(73) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示