63浏览

0评论

vue集成百度UEditor富文本编辑器使用教程

在前端开发的项目中，难免会遇到需要在页面上集成一个富文本编辑器。那么，如果你有这个需求，希望可以帮助到你。vue是前端开发者所追捧的框架，简单易上手，但是基于vue的富文本编辑...

• 2020-05-27

58浏览

0评论

vuejs中监听窗口关闭和窗口刷新事件的方法

1、使用window.onunload之类的APIwindow.onbeforeunload = function (e) { e = e || window.event; // 兼容IE8和Firefox 4之前的版本 if (e) { e.returnValue = '关闭提示...

• 2020-05-27

40浏览

0评论

vue中,在本地缓存中读写数据的方法

1.安装good-storage插件cnpm i good-storage --save2.读/写的方法common/js/cache.js:import storage from 'good-storage'const SEARCH_KEY = '__search__'const SEARCH_MA...

• 2020-05-27

46浏览

0评论

vue2.x集成百度UEditor富文本编辑器的方法

最近开发vue项目过程中，由于产品需要在项目中添加富文本编辑器，也在npm上找了几个基于vue开发的富文本编辑器，但是对兼容性比较高，不能兼容到IE9，10。所以最后决定使用百度UEdito...

• 2020-05-27

53浏览

0评论

vue forEach循环数组拿到自己想要的数据方法

如下所示： <el-checkbox v-for="(item) in jurisdictionContent" :label="item.id" :key="item.id" class="checkboxMargin"> <span>{{item.value}}{{item....

• 2020-05-27

49浏览

0评论

vue 巧用过渡效果(小结)

vue提供的了transition组件来实现组件的过渡和路由的过渡，合理使用这个组建可以让我们的页面更加的灵活，提高用户体验。概念在进入/离开的过渡中， 会有6个class的切换， 抄一张官...

• 2020-05-27

48浏览

0评论

玩转vue的slot内容分发

vue的内容分发非常适合“固定部分+动态部分”的组件的场景，固定部分可以是结构固定，也可以是逻辑固定，比如下拉loading，下拉loading只是中间内容是动态的，而拉到底部都会触发拉取...

• 2020-05-27

42浏览

0评论

小程序实现展开/收起的效果示例

前言：本章说下文字内容的展开与收起的实现，要实现这么一个效果：当收起的时候隐藏并显示省略号，当展开的时候显示全部文字。GitHub：https://github.com/Ewall1106/miniProgramDemo...

• 2020-05-27

61浏览

0评论

vue构建动态表单的方法示例

概述后台管理系统里面有非常多的表单需求，我们希望能够通过写一个json格式的数据，通过vue的循环动态地去渲染动态表单。并且能够在外部得到渲染出来的表单的数据，可以对表单进...

• 2020-05-27

50浏览

0评论

angular的输入和输出的使用方法

angular的核心组件化，可以说组件化的相当彻底。而要实现组件之间的通信，一个必不可少的就是输入和输出。通过对输入输出的学习，更加加深我对组件化的认识。组件的输入angular允...

• 2020-05-27

36浏览

0评论

开发一个Parcel-vue脚手架工具(详细步骤)

前言
像我们熟悉的 vue-cli，create-react-app 等脚手架，只需要输入简单的命令 vue init webpack project，即可快速帮我们生成一个初始项目。在实际工作中，我们可以定制一个属于...

• 2020-05-27

54浏览

0评论

vue如何解决循环引用组件报错的问题

问题由来
最近在做项目的时候遇到使用循环组件，因为模式一样，只有数据不一样。按照普通组件调用格式来做的时候总是报错，错误信息为[Vue warn]: Unknown custom element: <self...

• 2020-05-27

67浏览

0评论

vue解决弹出蒙层滑动穿透问题的方法

最近开发过程中遇到一些小问题(似乎问题总是那么多)，但一直没什么时间去优化与解决。程序员不能被业务绑架，有时间还是花点在代码上&#128512;，开始这次的vue尝试吧。【遇到的问...

• 2020-05-27

48浏览

0评论

Vue页面跳转动画效果的实现方法

前言
现如今移动端APP对用户体验方面的要求越来越高了，最近致力于用户体验优化，因为需要实现类似APP页面切换的动画效果，百度google搜索资料不是很全，所以自己写文档，在实现效果...

• 2020-05-27

102浏览

0评论

vue 音乐App QQ音乐搜索列表最新接口跨域设置方法

在 webpack.dev.config.js中'use strict'const utils = require('./utils')const webpack = require('webpack')const config = require('../config')const merge = requir...

QQ
• 2020-05-27

55浏览

0评论

vue实现多个元素或多个组件之间动画效果

本文实例为大家分享了vue实现多个元素或多个组件之间动画的具体代码，供大家参考，具体内容如下多个元素的过渡
<style>　　.v-enter,.v-leave-to{　　　　opacity: 0;　　}　　...

• 2020-05-27

51浏览

0评论

axios全局注册,设置token,以及全局设置url请求网段的方法

a1.axios全局注册axios不同 与vue-resource不能在import axios from 'axios'后使用Vue.use(axios),axios不是插件，要想全局使用axios应该修改其原型链，代码如下import axios f...

• 2020-05-27

55浏览

0评论

Vue高版本中一些新特性的使用详解

一、深度作用选择器（ >>> ）严格来说，这个应该是vue-loader的功能。”vue-loader”: “^12.2.0”在项目开发中，如果业务比较复杂，特别像中台或B端功能页面都不可避免的会用到第三...

• 2020-05-27

66浏览

0评论

angular 数据绑定之[]和{{}}的区别

问题描述
在学习angular时，在示例代码写到加载图片时，书中推荐使用单向数据绑定符号[]来绑定图片的路径，然后双花括号的写法是错的。尝试
首先，按书中推荐的写法：<img [src]="img...

• 2020-05-27

53浏览

0评论

解决vue axios的封装 请求状态的错误提示问题

如下所示：/*** axios配置,输出为vue组建* */import axios from 'axios';import qs from 'qs'import CookiesJS from 'js-cookie'import router from '../router'// http requ...

• 2020-05-27

48浏览

0评论

axios对请求各种异常情况处理的封装方法

前端采用了axios来处理网络请求，为了避免在每次请求时都去判断各种各样的网络情况，比如连接超时、服务器内部错误、权限不足等等不一而足，我对axios进行了简单的封装，这里主要使...

• 2020-05-27

44浏览

0评论

详解Vue Elementui中的Tag与页面其它元素相互交互的两三事

前言公司系统在用elementui做后台开发，不免遇到一些需要自己去根据原有的功能上，加一些交互的功能。
今天来介绍下我在用elementUi里的Tag标签与多选框交互的过程，东西听上去很...

• 2020-05-27

60浏览

0评论

解决vue-cli webpack打包后加载资源的路径问题

vue项目，访问打包后的项目，输入路径后，页面加载空白。这时会有两类问题，都是路径问题。1.一个是css,js,ico等文件加载不到，是目录里少了dist打开页面时一片空白解决办法：config/in...

• 2020-05-27

43浏览

0评论

解决vue A对象赋值给B对象,修改B属性会影响到A的问题

实际在vue中 this.A = this.B,没有进行深层赋值，只是把this.A的地址指向了与this.B相同的地址，所有对于A的修改会影响到B。解决相互影响的思路是在this.A必须是新建的一个对象...

• 2020-05-27

53浏览

0评论

在vue项目中,将juery设置为全局变量的方法

1.首先执行：npm install jQuery --save-dev,在package.json里加入jQuery。2.修改build下的webpack.base.conf.js方法一：首先加入：const webpack = require("webpack")然后在mod...

• 2020-05-27

64浏览

0评论

JavaScript常用数组操作方法,包含ES6方法

一、concat()concat() 方法用于连接两个或多个数组。该方法不会改变现有的数组，仅会返回被连接数组的一个副本。var arr1 = [1,2,3];var arr2 = [4,5];var arr3 = arr1.conca...

• 2020-05-27

43浏览

0评论

vue移动端弹框组件的实例

最近做一个移动端项目，弹框写的比较麻烦，查找资料，找到了这个组件，但是说明文档比较少，自己研究了下，把我碰到的错，和详细用法分享给大家！有疑问可以打开组件看一看，这个组件是仿laye...

• 2020-05-27

37浏览

0评论

VUE实现可随意拖动的弹窗组件

背景：项目需要，我们引入了前端框架就是目前最流行的框架之一vue,同时引入了一套由饿了吗维护的ui库，由于我们是在pc端使用发现它竟然没有提供可随意拖动的窗口，可能用的更多的时...

• 2020-05-27

56浏览

0评论

在axios中使用params传参的时候传入数组的方法

如下：changeList为一个数组此时请求的参数格式为下图解决方案为 将数组json序列化此时参数格式为以上这篇在axios中使用params传参的时候传入数组的方法就是小编分享给大家的...

• 2020-05-27

48浏览

0评论

解决v-for中使用v-if或者v-bind:class失效的问题

在v-for循环出来的列表中使用v-bing动态绑定class、v-show或v-if动态控制个别item 场景一般多用于多项选择原因是在v-for循环的时候 items是动态创建，所以不会被监听并且实时...

• 2020-05-27

38浏览

0评论

详解搭建es6+devServer简单开发环境

搭建基于es6和热加载的前端简单开发环境，适合demo类小项目，这样就不用依赖browsersync等多余的东西目录结构 /src index.js index.html /dist安装依赖
注意版本...

• 2020-05-27

39浏览

0评论

vue观察模式浅析

观察者模式
首先话题下来，我们得反问一下自己，什么是观察者模式？概念
观察者模式（Observer）：通常又被称作为发布-订阅者模式。它定义了一种一对多的依赖关系，即当一个对象的状态发...

• 2020-05-27

58浏览

0评论

在vue中多次调用同一个定义全局变量的实例

在Vue开发中，有很多场景会用到多次重复的API请求。例如： '//192.168.1.117:1009/'在多个地方调用，每次书写很麻烦，后期项目维护也不好管理。我们可以在src目录下创建一个api文件...

• 2020-05-27

38浏览

0评论

Vue2.0学习系列之项目上线的方法步骤(图文)

当你好不容易的做好了一个Vue项目，准备去上线的时候却发现不知道该怎么办时，或者遇到了一些问题，那么来看我这篇文章吧，你会有所收获的。1：打包项目上线必须要打包。
命令： npm ru...

• 2020-05-27

49浏览

0评论

vue解决一个方法同时发送多个请求的问题

在项目开发过程中，让人抓狂之一的问题就是一个点击事件，当快速点击的时候，它会重复发送多个请求。这是不允许出现的。但是怎么解决这个问题呢？一般处理方法，就是点击的时候，立刻将...

• 2020-05-27

48浏览

0评论

使用vue2.0创建的项目的步骤方法

1.由于vue项目依赖 node.js npm 需要先安装. 若没有请先安装，请按照此文章进行安装https://www.freexyz.cn/article/138020.htm//检查是否有node.js npm vuewin+r 输入cmd...

• 2020-05-27

44浏览

0评论

深入理解与使用keep-alive(配合router-view缓存整个路由页面)

在搭建 vue 项目时，有某些组件没必要多次渲染，所以需要将组件在内存中进行‘持久化'，此时 <keep-alive> 便可以派上用场了。 <keep-alive> 可以使被包含的组件状态维持不变，即便...

• 2020-05-27

54浏览

0评论

vue单页缓存存在的问题及解决方案(小结)

1.css同名覆盖,解决方法：父组件加上scoped<style lang="scss" scoped> @import './unbind.scss'</style>子组件同名样式加上deep /deep/ .tabs-row { .items-wrp{ padding...

• 2020-05-27

54浏览

0评论

Vue中对拿到的数据进行A-Z排序的实例

最近在做一个音乐app练手项目，拿到的数据是杂乱的，又不想跟视频那样重新构造数据，就自己百度使用简便的方法排序，下面说一下我拿到的数据是这样的，我想让他按照A-Z顺序排列1.对于...

• 2020-05-27

45浏览

0评论

vue单页缓存方案分析及实现

实现全站的页面缓存，前进刷新，返回走缓存，并且能记住上一页的滚动位置，参考了很多技术实现，github上的导航组件实现的原理要么使用的keep-alive，要么参考了keep-alive的源码，但是只...

• 2020-05-27

53浏览

0评论

解决IE11 vue +webpack 项目中数据更新后页面没有刷新的问题

vue +webpack 项目中数据更新后页面没有刷新问题，ie11下，如果GET请求请求相同的URL，默认会使用之前请求来的缓存数据，而不会去请求接口获取最新数据，我用的解决方法是在每个请求...

• 2020-05-27

63浏览

0评论

ExtJs使用自定义插件动态保存表头配置(隐藏或显示)

关于保存列表表头的配置，一般我们不需要与后台交互，直接保存在 localStorage 中就能满足常规使用需求（需要浏览器支持）。直接上代码，插件：Ext.define('ux.plugin.ColumnCustom', {...

• 2020-05-27

58浏览

0评论

vue使用rem实现 移动端屏幕适配

要想移动端适配 并使用 rem 您需要先看这篇文章，配置好less &#10145;&#65039; 在vue 中使用 less，就可以使用rem了如果项目已经开发的差不多了，没有用到rem 又要使用rem，您用这...

• 2020-05-27

56浏览

0评论

vue如何进行动画的封装

本文实例为大家分享了vue动画封装的具体代码，供大家参考，具体内容如下
<style>　　.v-enter,.v-leave-to{　　　　opacity: 0;　　}　　.v-enter-active,.v-leave-active{　　...

• 2020-05-27

45浏览

0评论

在vue 中使用 less的教程详解

1.安装npm install --save-dev less less-loadernpm install --save-dev style-loader css-loader先在index.html页面head标签内插入这段代码<script> (function (doc, win...

• 2020-05-27

57浏览

0评论

Vue监听事件实现计数点击依次增加的方法

1.实现计数器功能，每点击一次按钮，count值增加一或增加二，鼠标在cordinates行移动时会更新当前坐标，通过自定义函数或者stop属性禁止事件传播。效果如下：代码如下：<!DOCTYPE html>...

• 2020-05-27

49浏览

0评论

Vue2.5学习笔记之如何在项目中使用和配置Vue

最开始的项目开发中，我们如果使用第三方的库我们会直接在项目中直接使用 script 元素标签引入即可。<script src="../xxx.js"></script>Vue 我们也可以这种引入的方式<div id...

• 2020-05-27

70浏览

0评论

web页面和微信小程序页面实现瀑布流效果

小程序实现瀑布流效果，和web页面差不多，都要经过以下步骤：1)、加载图片，获取图片的宽高度；2)、根据页面需要显示几列计算每列的宽度；3)、根据图片真实宽度和每列的宽度比，计算出图...

• 2020-05-27

102浏览

0评论

Vue中控制v-for循环次数的实现方法

在Vue中的遍历方法v-for控制循环次数的方法可以通过以下两种方法1.截取循环的数据 v-for="(item,index) in domainList.slice(0, 2)" 用这样的方法可以截取循环的数据长度，从...

• 2020-05-27

48浏览

0评论

原生JS实现简单的无缝自动轮播效果

最近在不断的加强巩固js。在学习jq和vue之后发现很多东西其实都是不明所以，有些底层的东西自己不懂，到头来也只是一昧的使用，一直在用别人的东西，对自己的成长帮助也不大。万丈...

• 2020-05-27