随笔分类 - vue
vue相关
摘要：以下是模仿element-admin框架中的那种模式，感觉非常好用，所以就搬到了自己的项目中，在此记录以下。 首先我们需要有一个request.js:(封装axios的拦截器，并返回axios实例对象) import axios from 'Axios'; import tools from '@/
阅读全文
摘要：切记 数据文件要放在static文件夹中； 假如homeData.js中放了我们需要的数据 下面封装专门请求本地数据的方法 叫fetch.js import axios from "Axios" function fetch(url) { return new Promise((resolve,re
阅读全文
摘要：直接进入正题 文档地址：https://developers.weixin.qq.com/doc/offiaccount/OA_Web_Apps/Wechat_webpage_authorization.html 目前还未完成网页授权，不过已经遇到问题了，借此记录一下问题以及解决方法 目前我知道的是
阅读全文
摘要：最近在看他人vue项目中发现别人使用了$bus,感觉使用很方便 查了查，bus主要是解决无关系组件之间的交互问题，当然父子组件我们可以通过自定义事件来交互（子传父） 另外一种解决无关系组件间的交互问题就是使用vuex，也很方便。 那么bus最主要的是无关系组件间的交互响应，相当于父子组件的自定义事件
阅读全文
摘要：chainWebpack: config => { config.resolve.alias .set('@', resolve('src')) .set('tim', resolve('src/tim.js')) }, 。
阅读全文
摘要：vue-cli中文文档：https://cli.vuejs.org/zh/guide/#%E8%AF%A5%E7%B3%BB%E7%BB%9F%E7%9A%84%E7%BB%84%E4%BB%B6 今天把vue-cli3的项目升级到了vue-cli4，想着用vue-cli4构建的项目有什么区别，于是
阅读全文
摘要：vue-cli4出来有一段时间了，现在的项目用的还是vue-cli3，今天想着在自己电脑上升级vue-cli4 原文链接：https://blog.csdn.net/qq_39953537/article/details/102759821 一.首先，在全局安装最新的 Vue CLI： npm in
阅读全文
摘要：之前用vue做了一个动态官网项目，后期客户要求seo，百度上之前搜索不到官网地址，后来在项目的入口文件index.html页面加上了，固定的meta标签，加上name名为keywords、description的meta标签。 例子： <meta charset="utf-8"> //下面这个met
阅读全文
摘要：self.$router.push({name:'login',params:{ordermark:ordermark,lang:lang}}); window.location.reload(); 。
阅读全文
摘要：<template> <div> <div id="slide_unloack_wraper"> <canvas width="310" height="155" id="slide_unloack_wraper1"></canvas> <div id="slide_unloack_inner">
阅读全文
摘要：<template> <div> <div class="swiper_Box" :class="identify"> <div class="swiper-wrapper" :ref="identify"> <div class="swiper-slide" v-for="(item,index)
阅读全文
摘要：之前我使用的tinymce富文本编辑器，版本时4版本的，一些新的功能使用不上，现在想把5版本的tinymce整合进项目，之前tinymce是通过cdn的形式引入的，不会占用项目体积， 但是又想使用tinymce的新功能，比如加入第三方插件什么的，地图插件，设置行高，多图片上传等，都是很吸引人的功能，
阅读全文
摘要：今天在研究，tinymce富文本编辑器怎样在vue中使用，然后看到其它框架上的使用方法，它是动态加载tinymce脚本的，若果在本地引入静态文件或者，npm安装都会导致vue项目打包体积过大，这种动态脚本引入方式，是一个不错的实践，下面上的代码块叫 dynamicLoadScript 顾名思义，动态
阅读全文
摘要：首先在componets文件汇总创建FloatBall.vue 组件内容： <template> <transition> <div ref="dragIcon" class="dragIcon" @touchstart.stop="handleTouchStart" @touchmove.prev
阅读全文
摘要：今天在优化项目，vue项目的首页加载一直是问题，特别是引入第三方库的时候，打包出来的文件很大， 今天就遇到了这样的问题，项目的vue、vuex、axois、vue-router等包括第三方库通通用CDN引入，这样可以大大减少项目体积。 但是上述这些优化之后，项目加载速度依然很慢，有一个子页面的包竟然
阅读全文
摘要：首先需要安装webpack-bundle-analyzer插件 npm install webpack-bundle-analyzer --save-dev 然后在config.js中配置 module.exports = { chainWebpack: config => { config .pl
阅读全文
摘要：假如要单独将登陆页面当成一个项目入口文件： 第一步：创建一个登陆页面的文件 在项目public文件夹下创建一个login.html，其实就是将index.html复制一份，将title改一下： 第二步：在src文件夹下创建一个login文件夹，分别创建login.main.js、login.rout
阅读全文
摘要：前段时间，做了个官网项目，客户要求将首页的域名后面的参数去除干净，然后就把#去掉了，一转脸，客户让去掉子页面地址栏上的参数，这很棘手，因为子页面的内容是根据子页面地址栏上的参数而定的，如果要去掉这些参数，怎么在跳转页面时也可以拿到上一个页面所存的变量呢？于是，想起了vuex，但是vuex有一个问题是
阅读全文
摘要：<template> <div class="selfLotteryBox"> <div class="row"> <div class="col col-xs-4"> <div class="swiper_out_box"> <swiper ref="swiper1" :options="swip
阅读全文
摘要：官网文档地址：https://router.vuejs.org/zh/api/#to 今天项目突然有需求，让vue中的一个页面跳转到另一个页面 router-link标签会自动渲染成a标签， <router-link>组件的属性有： to 、replace、 append、 tag、 active-
阅读全文
