随笔分类 - Vue
学习
摘要：前言在vue开发过程中我们有时会把需要的一些模块挂载的全局，以便在各个组件或页面中使用。vue2与vue3中全局挂载是有一些不同的。 一、全局挂载示例：pandas 是基于NumPy 的一种工具，该工具是为了解决数据分析任务而创建的。 vue2中挂载全局 在vue2项目中，在入口文件main.js中
阅读全文
摘要：直接拷贝 直接复制错误，是引用关系，将target对象的属性修改之后，origin也会相应的改变，因为这里的target与origin这两个引用实际上是指向同一个对象。 let origin = { name: '张三', age: 12 } let target = origin; target.
阅读全文
摘要：我们在写项目的时候，经常会遇到，用户执行完某个动作，改变了某些状态，需要重新刷新页面，以此来重新渲染页面1.原始方法： location.reload(); 2.vue自带的路由跳转： this.$router.go(0); 用过的人都知道，前两者都是强制刷新页面，会出现短暂的闪烁，用户体验效果不好
阅读全文
摘要：<template> <div id="app"> <router-view v-if="isRouterAlive"></router-view> </div> </template> <script> export default { name: 'App', provide() { retur
阅读全文
摘要：<template> <div> <div class="img_div"> <img src="https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=1844712564,539435280&fm=26&gp=0.jpg"> <a hr
阅读全文
摘要：在前端开发过程中，盒子居中是常常用到的。其中 ，居中又可以分为水平居中和垂直居中。水平居中是比较容易的，直接设置元素的margin: 0 auto就可以实现。但是垂直居中相对来说是比较复杂一些的。下面我们一起来讨论一下实现垂直居中的方法。 首先，定义一个需要垂直居中的div元素，他的宽度和高度均为3
阅读全文
摘要：在使用vue进行开发的时候我们会发现地址栏上的ip后面会跟着一个#号，如果想去掉这个井号，我们可以在路由上加上 mode: 'history', 即可去掉 export default new Router({ mode: 'history', routes: [ { path: '/', name
阅读全文
摘要：<template> <div :style="conheight"> </template> <script> export default{ data(){ conheight:{ height:'' } }, methods:{ getHeight(){ this.conheight.heig
阅读全文
摘要：1.环境切换 API_ROOT: '"http://192.168.1.145:92"' const rootUrl = process.env.API_ROOT 2.打包服务器配置 先安装generate-asset-webpack-plugin插件 npm install --save-dev
阅读全文
摘要：一、开发环境中跨域 使用 Vue-cli 创建的项目，开发地址是 localhost:8080，需要访问非本机上的接口http://10.1.0.34:8000/queryRole。不同域名之间的访问，需要跨域才能正确请求。跨域的方法很多，通常都需要后台配置，不过 Vue-cli 创建的项目，可以直
阅读全文
摘要：'indent': ['off', 2]
阅读全文
摘要：一.Mint UI 流行指数：★★★★ Mint UI是 饿了么团队开发基于vue .js的移动端UI框架，它包含丰富的 CSS 和 JS 组件，能够满足日常的移动端开发需要。 官网：https://mint-ui.github.io/#!/zh-cn Github：https://github.c
阅读全文
摘要：server { listen 86; server_name localhost; client_max_body_size 500m; location / { proxy_pass http://192.168.1.145:8080; } location ^~ /api { proxy_pa
阅读全文
摘要：推荐使用 nrmnrm 是一个 js 模块，类似 vue-cli，是一个命令行工具，可以用来快速切换 npm 源。 安装 npm install -g nrm 看看有哪些源供我选择 类似 linux 里的 ls，列出可供选择的源 nrm ls nrm use taobao 这样，就切换到了淘宝的源，
阅读全文
摘要：打包部署生产环境之前需要修改配置文件： 修改一：build > utils.js (修改publicPath:"../../" , 这样写是处理打包后找不到静态文件的问题) // Extract CSS when that option is specified // (which is the c
阅读全文
摘要：加载组件 1.安装eslint依赖在package.json中用npm安装eslint的依赖 "eslint": "^4.19.1", "eslint-friendly-formatter": "^4.0.1", "eslint-loader": "^2.0.0", "eslint-plugin-h
阅读全文
摘要：.CodeMirror { border: 1px solid #eee; height: auto; } .CodeMirror-scroll { height: auto; overflow-y: hidden; overflow-x: auto; }
阅读全文
摘要：项目功能需要，要从列表页跳转到第三方提供的URL上（这里第三方页面我是通过iframe引入在详情页，目的是点击返回时可以通过keepAlive让列表页不刷新，如果不通过iframe直接跳第三方链接，那么返回必然会重新拉取数据），一路百度，刚开始使用 1 this.$router.push({name
阅读全文
摘要：a.vue向b.vue传值 a.vue this.$router.push({ path: '/payType', query: { putUpList: this.putUpList, name:'111' }, params:{ cartList: this.cartList, totalMoney: this.totalMoney } }); b.vue mounted:function()
阅读全文
摘要：第一步：添加需要拦截的页面 第二步：页面拦截 第三步：后台返回拦截 拦截全部做完，祝你好运！！！ { path: '/control', name: 'Control', meta: { requireAuth: true }, { path: '/control', name: 'Control'
阅读全文
浙公网安备 33010602011771号