vue常用指令：v-once
v-once:只渲染元素和组件一次。随后的重新渲染，元素/组件及其所有的子节点将被视为静态内容并跳过。这可以用于优化更新性能。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <...
CDN方式使用ElementUI的Message组件
npm方式引入时this.$message({ message: '恭喜你，这是一条成功消息', type:&nb...
vue 如何配置使项目打包后图片文件的引用路径改为cdn路径?
vuecli3项目,需求:图片文件打包时,将项目内的所有图片文件的引用地址改为cdn路径vuecli3的默认配置下,打包后图片使用的是相对路径,例如打包后项目内图片引用路径为img/xx.png,我们希望改为https://oss.xx.com/img/xx.png思路:了解到publicPath可以修改项目内静态文件的引用路径,尝试这样修改module.exports = { ...
前端Vue中常用rules校验规则
在vue开发中，难免遇到各种表单校验，这里整理了网络上和自己平时高频率用到的一些校验方法。如果错误欢迎指出，后期不断补充更新。1、是否合法IP地址export function validateIP(rule, value,callback) { if(value==''||value==undefined||value==null){ cal...
vue中Axios的封装和API接口的管理
本文来源：https://juejin.im/post/6844903652881072141面对一团糟代码的你~~~真的想说，WhatF~U~C~K！！！回归正题，我们所要的说的axios的封装和api接口的统一管理，其实主要目的就是在帮助我们简化代码和利于后期的更新维护。一、axios的封装在vue项目中，和后台交互获取数据这块，我们通常使用的是axios库，它是基于promise的http库，可运行在浏览器端和node.js中。他有很多优秀的特性，例如拦截请求和响应、...
vue 快速使用已有项目代码
vue-cli:用户生成Vue工程模板。（帮你快速开始一个vue的项目，也就是给你一套vue的结构，包含基础的依赖库，只需要npminstall就可以安装）...
解决vue-router切换路由时没有自定滚动到顶部
在做vue项目时，发现一个问题，通过vue-router切换页面时，如果从一个页面的底部切换到新页面，新开的页面初始也会在底部。 使用前端路由，当切换到新路由时，想要页面滚到顶部，或者是保持原先的滚动位置，就像重新加载页面那样。vue-router能做到，而且更好，它让你可以自定义路由切换时页面如何滚动。 export default new Router({ routes...
vue-router 路由参数变化，数据不重新加载的问题
如/info/1 切换到 /info/2 路由参数变化了，但是数据并没有重新加载解决方法添加路由监听，路由改变时执行监听方法methods:{ fetchData(){ console.log('路由发送变化doing......
Axiso解决跨域访问
这里以访问豆瓣Top250为例，直接访问如下：this.$axios.get("http://api.douban.com/v2/movie/top250").then(res=>{console.log(res)}).catch(err=>{console.log(err)})当我们运行程序后，控制台报错如下：可以看到浏览器拦截了我们的请求，因为我们跨域了，下面解决跨域问题。Step1：配置BaseUrl在main.js中，配置下...
vue开发回村歇歇记录
很抱歉，此文不对外开放。如确需与博主沟通，您可以扫描二维码添加博主微信并注明来意...