
vue
写代码的小孩子
这个作者很懒,什么都没留下…
展开
-
记录从0开发一个vue的富文本插件过程以及遇到的坑
先说一下想要开发的背景由于公司的项目中都是移动端的应用,会有很多内容编辑的功能,最开始想使用通用的富文本编辑器但是并不满足需求最后在网上找到了这个大神开发的富文本链接在这:https://github.com/Fixels/Eleditor觉得很好用就一直在使用,但是这位大神18年之后就不维护了,可能是家庭原因和个人时间真的忙不过来。然后公司项目用这个会有一些自定义的需求但是现有的功能是完全满足不了的所以就萌生了一个在大神思想的基础上自己写一个类似的基于vue的富文本编辑器,所以就有了这篇.原创 2020-12-18 11:46:38 · 295 阅读 · 2 评论 -
vue使用webpack打包页面缓存白屏问题解决方法
在微信公众号使用vue开发每次打包上线都会有白屏问题,刷新一下页面就好了所以想到一个解决方法const Version = new Date().getTime();const env = require('../config/prod.env')const webpackConfig = merge(baseWebpackConfig, { module: { rules: ...原创 2019-08-13 16:03:12 · 1627 阅读 · 0 评论 -
vue中使用axios解决向后端请求数据重复请求问题
在一次项目中一个文章列表使用的是mint-ui的Infinite scroll下拉加载文章时出现了文章重复问题最开始以为是后端数据重复问题,但是查看了之后发现不是,后来查看前端之后发现有些手机上会出现一次加载请求了多次接口,这个接口返回了相同的数据从而造成了文章数据的重复找到问题的关键之后上网查看了一下发现使用axios可以进行请求终止所以参考了一下网上大神的解决方法完美解决了这个问题再此记...原创 2019-07-10 16:56:02 · 2087 阅读 · 0 评论 -
如何在VUE项目中使用jquery
因为历史遗留问题需要在vue的项目中使用jquery在此记录一下使用方法首先使用npm安装jquerynpm install jquery然后在build文件夹下的webpack.base.conf.js编写配置const webpack = require("webpack")在module.exports里面加入plugins: [new webpack.optimize.Co...原创 2019-06-18 16:47:48 · 1836 阅读 · 0 评论 -
vue+webpack打包配置线上线下公共配置
在config中创建一个公共的配置文件module.exports = { dev:'http://b7zpsb.natappfree.cc', //线下环境 prod:'http://yhd6nx.natappfree.cc' //线上环境}之后在main.js中进行一个判断配置即可import proxyConfig from '../config/proxy...原创 2019-05-06 10:47:28 · 957 阅读 · 0 评论 -
vue学习笔记页面的缓存
当需要页面缓存时在vue里可以在需要的组件外面包裹一个<keep-alive> <router-view /></keep-alive>这样这个被包裹的组件就会在第一次请求的时候请求数据第二次显示页面就不会请求数据当需要第二次显示页面的时候请求数据时可以使用一个钩子函数activated () {}这个函数相较于mounted的区别是第一次...原创 2019-04-30 12:44:45 · 124 阅读 · 0 评论 -
vue的公共跨域接口地址配置
在不同域之间访问是比较常见,在本地调试访问远程服务器。。。。这就是有域问题。VUE解决通过proxyTable:在 config/index.js 配置文件中dev: { env: require('./dev.env'), port: 8080, autoOpenBrowser: true, assetsSubDirectory: 'static', ...转载 2019-04-29 17:36:10 · 791 阅读 · 0 评论 -
在Vue项目中使用swiper插件
1.npm命令安装swipernpm install swiper --save-dev2.在需要用到swiper插件的组件中引入swiperimport Swiper from "swiper"3.在组件style中引入swiper插件的css(根据自己的项目路径选择)4.在methods方法里面初始化swiper插件5.在created钩子函数里面调用原文:https:...转载 2019-04-29 17:33:41 · 1533 阅读 · 0 评论