vue
universe Coding
欢迎技术交流
展开
-
复制时不触发点击事件
复制文字时取消点击事件原创 2022-11-09 10:07:38 · 439 阅读 · 1 评论 -
根据经纬度获取地址(逆地址解析)
逆地址解析 根据经纬度获取省市区地址原创 2022-01-11 14:42:24 · 496 阅读 · 0 评论 -
配置环境变量
1.新增环境变量 env.dev 开发环境 env.prod生产环境目录env.devNODE_ENV=developmentVUE_APP_SERVER=http://baidu.comenv.prodNODE_ENV=productionVUE_APP_SERVER=http://baidu.com2.测试打印环境变量 ,在main.js打印console.log("环境: ", process.env.NODE_ENV);在请求的时候可以调用系统环境作为请求路径pro原创 2021-05-24 08:49:39 · 227 阅读 · 0 评论 -
md5加密
src\utils\md5.jsfunction safe_add(x, y) {var lsw = (x & 0xFFFF) + (y & 0xFFFF)var msw = (x >> 16) + (y >> 16) + (lsw >> 16)return (msw << 16) | (lsw & 0xFFFF)}/* * Bitwise rotate a 32-bit number to the left. */原创 2021-03-17 10:05:38 · 106 阅读 · 0 评论 -
vue keepalive
keep-alive是vue内置的一个组件,而这个组件的作用就是能够缓存不活动的组件,我们能够知道,一般情况下,组件进行切换的时候,默认会进行销毁,如果有需求,某个组件切换后不进行销毁,而是保存之前的状态,那么就可以利用keep-alive来实现App.vue<template> <div id="app"> <div id="nav"> <router-link to="/">Home</router-link> |原创 2021-02-24 14:13:00 · 293 阅读 · 1 评论 -
vue显示隐藏动画
<transition name='slide-fade'> <basic-info v-if="!payUpgradeformDataShow" ></basic-info> </transition> .slide-fade-enter-active {transition: all .2s ease;} .slide-fade-leave-active {transition: all .2s cubic-bez...原创 2021-01-06 10:10:38 · 1843 阅读 · 0 评论 -
vue生命周期
vue官网讲解生命周期 传送门-添加链接描述beforecreate() 在实例初始化之后,数据观测 (data observer) 和 event/watcher 事件配置之前被调用。created()在实例创建完成后被立即调用。在这一步,实例已完成以下的配置:数据观测 (data observer),property 和方法的运算,watch/event 事件回调。然而,挂载阶段还没开始,$el property 目前尚不可用。通常list 数据在此方法请求,在mounted请求会出现 闪原创 2020-08-25 16:48:17 · 469 阅读 · 0 评论 -
vue中使用moment
安装npm install moment --save引入在main.js引入 import moment from ‘moment’定义全局过滤器在main.js Vue.filter('dateformat', function(dataStr, pattern = 'YYYY-MM-DD HH:mm:ss') { return moment(dataStr).format(pattern) }) //filter两个参数 第一个是函数名 第二个是时间格式化处理的函数表达式原创 2020-07-20 10:26:38 · 4203 阅读 · 0 评论 -
vue 搜索请求节流函数
//使用change事件监听<a-input v-model='SearchValue' placeholder='请输入内容' @change='search()'></a-input> data(){ return{ SearchValue:"" timer:null, } } //创建节流请求方法 search(){ clearTimeout(this.timer); this.timer = setTimeout(()=.原创 2020-07-15 11:45:11 · 764 阅读 · 1 评论 -
vue打包去除console
我们用vue框架写代码时,有时候会用console去调试(基于开发习惯),当一个项目开发完毕,需要发布时,会有各种log信息出现在控制台,这些信息并不想在生产环境被某些用户看到,当然可以一条条删掉…(已经删了3个小时) ,这时我们可以在vue依赖包加入这段代码:目录下my-app-vue(项目名称)\node_modules@vue\cli-service\lib\config\terserOptions.js我们需要在module.exports = options =>({ terser原创 2020-06-30 15:40:32 · 2923 阅读 · 0 评论 -
手机端调试vconsole
手机端使用vconsole开发npm install vconsoleutil.js 上边引入 下边导出import VConsole from 'vconsole'var vConsole = new VConsole();export default vConsolemain.jsimport './utils/index.js'原创 2020-06-24 11:43:58 · 327 阅读 · 0 评论 -
web本地存储插件vue-ls
一个vue封装的本地储存的方法。安装Npmnpm install vue-ls --saveYarnyarn add vue-lsBowerbower install vue-ls --save使用mport Storage from 'vue-ls'; options = { namespace: 'vuejs__', // key键前缀 name: 'ls'...原创 2020-01-20 17:45:49 · 395 阅读 · 0 评论 -
vue映射代理
// vue.config.jsconst path = require("path");function resolve(dir) { return path.join(__dirname, dir);}module.exports = { baseUrl: "/", outputDir: "dist", // 打包的目录 lintOnSave: true, // 在保...原创 2019-12-19 18:07:59 · 464 阅读 · 0 评论 -
mvvm模式解读
MVVM是Model-View-ViewModel的简写。它模式是MVC-MVP-MVVM的进化版。Model负责用javascript对象表示.View负责视图层显示,而Model和View关联起来的就是ViewModel。ViewModel负责把Model的数据同步到View显示,还负责View的界面修改同步到Model更新数据。主流的MVVM框架和实现方法脏值检查(angular.js...原创 2019-09-25 18:37:55 · 342 阅读 · 0 评论