-
轻量级富文本编辑器wangEditor结合vue使用方法示例_vue.js
1、安装
使用npm下载： `npm install wangeditor`
2、 创建实例
（1）基本用法：<template> <div> <div id="editor" class="editor"></div> </div></template><script>import E from 'wangeditor'e 10 2018-11-10 0 10
-
vue环形进度条组件实例应用_vue.js
在做项目的时候，最好只使用一套组件库，但是很多时候我们的组件库里面没有我们需要的组件，这个时候我们还是需要自己写组件了，vux里面就没有环形进度条组件，所以需要自己写一个。
查找资料后发现了一个很好的 13 2018-11-10 0 13
-
使用vue 国际化i18n 实现多实现语言切换功能_vue.js
安装npm install vue-i18n新建一个文件夹 i18n ，内新建 en.js zh.js index.js 三个文件准备翻译信息en.jsexport default { home: { helloworld: "hello workd ！" }};zh.jsexport default { home: { hellow
11 2018-11-10 0 11
-
vue最简单的前后端交互示例详解_vue.js
一、学习 vue 面临的问题最近想学一门前端技术防身，看到博客园中写 vue 的多，那就 vue 吧。都说 vue 的官方教程写得好，所以我就从官方教程开始学习。官方教程说“Vue (读音 /vjuː/，类似于 view) 是一套
11 2018-11-10 0 11
-
Vue中使用ElementUI使用第三方图标库iconfont的示例_vue.js
1.在http://www.iconfont.cn/阿里巴巴图标库添加图标到自己项目中，然后点击更多项目中的编辑项目
2.修改前缀为el-icon-xxx，xxx自定义，然后将项目下载自本地
3.将这5个文件放入到项目文件中，将iconfont.css引 14 2018-11-10 0 14
-
详解vscode中vue代码颜色插件_vue.js
vue提示插件【Vscode】 编者寄语：vscode的确是前端开发中很好的工具，安装颜色插件，从视觉上是美的享受。曾经的我遇到了vscode代码全是灰色，黑色的困惑，后来整理找到方法，整理这篇，以下高亮插件，建议大家都
12 2018-11-10 0 12
-
element el-input directive数字进行控制_vue.js
使用自定义指令格式化el-input背景使用element开发的过程中遇到循环的数据只能输入数字，并且有不要小数点，有需要小数点的
使用vue directive 进行控制
开发页面使用方式 v-numberInt:0="item.first_fee" 0 12 2018-11-10 0 12
-
Element Input组件分析小结_vue.js
input组件相对来说复杂一点，我们先从它用到的一个工具库calcTextareaHeight.js进行分析。calcTextareaHeight.js
calcTextareaHeight.js使用来计算文本框的高度的，我们根据代码顺序从上往下进行分析。HIDDE 11 2018-11-10 0 11
-
vue项目环境变量配置的实现方法_vue.js
问题
实际开发中，开发环境和生产环境中一些变量是不同的，比如接口地址等等，打包之前需要手动切换。编译时
新建env.jslet baseUrl = '';if(process.env.NODE_ENV == 'production'){ baseUrl = 'https://xxx 6 2018-11-10 0 6
-
详解vue服务端渲染浏览器端缓存（keep-alive）_vue.js
在使用服务器端渲染时，除了服务端的接口缓存、页面缓存、组建缓存等，浏览器端也避免不了要使用缓存，减少页面的重绘。这时候我们就会想到vue的keep-alive，接下来我们说一下keep-alive的使用假如现在我们有两
11 2018-11-10 0 11
-
Vue cli3 库模式搭建组件库并发布到 npm的流程_vue.js
市面上目前已有各种各样的UI组件库，比如 Element 和 iView ，他们的强大毋庸置疑。但是我们面临的情况是需求越来越复杂，当它们不能再满足我们需求的时候，这个时候就有必要开发一套属于自己团队的组件库了。所
16 2018-11-10 0 16
-
Vue中 v-if/v-show/插值表达式导致闪现的原因及解决办法_vue.js
在开发过程中经常会发现当页面明明不应该出现的元素或内容会闪现一下然后消失，最近研究了一下这个问题的原因和解决办法，这里和大家分享一下。1.闪现的原因这个问题是因为Vue要等到HTML DOM加载完成后才会
10 2018-11-10 0 10
-
vue使用v-if v-show页面闪烁,div闪现的解决方法_vue.js
在页面层次结构，数据较多的时候，用v-if或者v-show就会出现div闪现，或者部分闪烁的结果。可以在根元素添加v-cloak来解决，并且设置它的样式即可。代码只是示例，还需要自己修改测试。<!DOCTYPE html><html lang=
28 2018-11-10 0 28
-
Vue中 v-if 和v-else-if页面加载出现闪现的问题及解决方法_vue.js
vue中v-if 和v-else-if在页面加载的时候，不满足条件的标签会加载然后再消失掉，如果要解决这个问题，案例如下：vue html代码块：<div id="divApp"> <div v-if="type === 'A'" v-cloak> A </div> <div v-els
27 2018-11-10 0 27
-
vue单页面应用打开新窗口显示跳转页面的实例_vue.js
一般单页面应用，例如vue都是通过vue-router来做跳转，不会像多页应用一样另起新页面显示，但是也不排除一些业务上的需要。一般情况下单页面应用的路由跳转我们都是通过简单的一句话搞定：this.$router.push({na
23 2018-10-30 0 23
-
vue中前进刷新、后退缓存用户浏览数据和浏览位置的实例讲解_vue.js
vue中，我们所要实现的一个场景就是：1.搜索页面==>到搜索结果页时，搜索结果页面要重新获取数据，2.搜索结果页面==>点击进入详情页==>从详情页返回列表页时，要保存上次已经加载的数据和自动还原上次的浏览位置。
8 2018-10-30 0 8
-
基于vue中keep-alive缓存问题的解决方法_vue.js
vue开发的时候，我们经常会有这样的需求：开发一个详细页面来展示商品的详细信息，根据列表页传入的id进行请求，拿到对应的数据进行渲染。但是一般在路由上都会加上keep-alive保持数据的状态，除非强制无缓存刷新，
12 2018-10-30 0 12
-
vue2使用keep-alive缓存多层列表页的方法_vue.js
vue关于列表页和详情页的展现比较让人头疼，在列表页面点击进详情页返回以后，列表页会重新刷新。假如在第五页找到的数据，点击修改后返回又跳回第一页了，这个时候就需要用到keep-alive缓存页面数据，但keep-aliv
14 2018-10-30 0 14
-
vue axios基于常见业务场景的二次封装的实现_vue.js
axios
axios 是一个基于 promise 的 HTTP 库，可以用在浏览器和 node.js 中。
在前端框架中的应用也是特别广泛，不管是vue还是react，都有很多项目用axios作为网络请求库。
我在最近的几个项目中都有使用axios 12 2018-10-30 0 12
-
解决vue keep-alive 数据更新的问题_vue.js
在项目中使用<keep-alive>包含<router-view>实现页面缓存，加速页面加载，同时，这种方式带来一些弊端，请看如下大神解释：***********************************当引入keep-alive的时候，页面第一次进入，钩子的触发顺
8 2018-10-30 0 8
-
vue 使某个组件不被 keep-alive 缓存的方法_vue.js
提出问题最近在做项目发现一个问题，当我使用了 keep-alive 标签后，进入了某个路由进行一系列操作，再点击浏览器后退，再次进入刚才的路由，页面被操作的数据没有初始化！分析问题这是因为 keep-alive 将路由页面缓
10 2018-10-30 0 10
-
vue中进入详情页记住滚动位置的方法(keep-alive)_vue.js
> 有时业务提出这样一个需求 就是从商品页面进入到列表详情页 要保存当前滚动的位置，这里我就想到了keep-alive1.首先在路由中引入需要的模块 { path: ‘/scrollDemo', name: ‘scrollDemo', meta: { keep
12 2018-10-30 0 12
-
vue富文本编辑器组件vue-quill-edit使用教程_vue.js
之前使用的富文本编辑器是uEditor,kindEditor，感觉不太方便。近期项目vue单页面，就使用vue-quill-edit这个编辑器组件吧！一、安装 cnpm install vue-quill-editor二、引入 在main.js引入并注册：import VueQu
11 2018-10-30 0 11
-
Vue实现动态添加或者删除对象和对象数组的操作方法_vue.js
添加核心代码如下：this.data.push({ type: [{ value: '选项1', label: 'in' }, { value: '选项3', label: 'out' }], value:[{ value: '选项
16 2018-10-30 0 16
-
vue中设置、获取、删除cookie的方法_vue.js
1、在src目录下的access下新建一个cookie.js,内容如下：export function setCookie(c_name,value,expire) { var date=new Date() date.setSeconds(date.getSeconds()+expire) document.cookie=c_name+ "="
97 2018-10-30 0 97
