随笔分类 - Vue
摘要：前言 在同一个项目中，vue文件跳转到html文件中 详解 我的项目中html页面统一放到public文件夹内了，如图 postalPay.html文件 现在要从xxx.vue文件中跳转到postalPay.html文件。很简单，只要在vue文件中加上这么一句话，即可实现点击跳转。 注意href的地
阅读全文
摘要：代码 getLastNDay (time, n, type = '') { let arry = [] for (let i = 0; i < n; i++) { let date = new Date(time) date.setDate(date.getDate() - i) let year
阅读全文
摘要：代码 //time是date格式时间或字符串，n表示那个月，type是返回结果链接符getLastNMon (time, n, type = '') { let date = new Date(time) let year = date.getFullYear() let month = date.
阅读全文
摘要：<template> <div :id="id" :class="className" :style="{ height: height, width: width }" ref="chart"></div> </template> <script> export default { name: '
阅读全文
摘要：前言 实现功能： 1，背景图上动态显示坐标点，点击坐标点显示弹出框 2，canvas可移动 3，鼠标滚动时以鼠标原点为中心缩放canvas 4，背景自动铺满， 代码 npm install fabric 具体代码（只是例子，写的简单粗暴请见谅） <template> <div class="area
阅读全文
摘要：前言 因项目要求，必须是内网开发项目，也就是无法链接互联网，且链接内网的机器上安装了监控软件，一旦发现我们换网线后果严重，因为node_module无法联网下载，只能想办法再有网的电脑上下载node_module，再将npm缓存从有网电脑复制到内网电脑上，再内网电脑上执行npm install时从缓
阅读全文
摘要： 前言 在vue项目中使用swiper+vue-awesome-swiper实现一个上下滚动的跑马灯/新闻列表/图片列表，有数据时展示列表，没数据时自定义说明。 效果如下：一个页面中展示4个列表（或图片）,列表向上滚动，鼠标移入停止滚动且显示title，鼠标移出滚动再次开启，有分页 当没有数据时，
阅读全文
摘要：前言 vue2实现双向绑定的其中一环，即使用Object.defineProperty对data内部每个对象的所有property添加监控，当data中的对象被修改或者读取时，能监测到修改或读取的操作。 模拟VUE中Object.defineProperty拦截对象原理： 代码如下，在控制台修改ob
阅读全文
摘要：前言 要实现的效果如下，既有行合并，又有列合并。注意：最后的合计行10是自己计算的，并不是table组件计算的，我这里直接写data上了，废话不多说，上代码！ 代码可复制到https://codepen.io/pen/这里运行查看效果 html部分 <script src="//unpkg.com/
阅读全文
摘要：前言 在项目中，要想实现自适应，往往需要百分比+rem结合。本文实现内容如下：不同窗口大小，文字自适应 第一步 设置媒体查询样式，不同的pc端窗口设置不同的html跟字体大小（为什么设这个我就不说了，看rem概念就知道了） reset.scss放在assets/style/reset.scss /*
阅读全文
摘要：前言 开发中经常会遇到axios请求涉及到多个请求域，我们打包后也希望不同的请求对应不同的域名 配置 1.创建文件 在vue项目的根目录下创建2个文件.env.development和.env.production。在开发过程中，项目会自动读取development文件的配置，在打包时项目会自动读取
阅读全文
摘要：跨域是因为浏览器的同源策略，我们可以通过使用webpack的devServer（devServer就是启动一个本地服务器）将请求改为服务器向服务器请求，从而绕过浏览器的同源策略 在vue.config中配置跨域,这里要注意proxy中标志单词不能有重复的组成，比如第一个请求匹配'/api'，后面的匹
阅读全文
摘要：postman中的格式 使用axios发送raw json格式，设置请求头为"application/json"。将请求参数用JSON.stringify将对象变为字符串格式 const http=axios.create({ baseURL:process.env.VUE_APP_URL, tim
阅读全文
摘要：前言/效果 配置 第一步，开发安装vue-markdown-loader和github-markdown-css npm i vue-markdown-loader -D //markdown格式npm i github-markdown-css -S //markdown样式 第二步，配置vue.
阅读全文
摘要：前言 从github上下载的项目，vscode中使用npm i安装依赖的时候报错Can't find Python executable "python2.7", you can set the PYTHON env variable。 在网上找了很多解决方法，包括但不限于这些，但都不好使 第一种：
阅读全文
摘要：问题 基于业务需要echarts容器被层层嵌套，高度通过百分比来设置。echarts随着窗口大小变化，绑定了resize事件，然鹅resize事件却失效 解决 resize失效说明容器大小变化失败，我们要查看一下容器百分比设置，结果发现在<style>标签内设置高度百分比无效，需要将百分比改为行内样
阅读全文
摘要：文件中Webpack配置 在vue.config.js中,vue-cli官网上先去看关于webpack的配置 在文档中有这么一句话:“ 调整 webpack 配置最简单的方式就是在 vue.config.js 中的 configureWebpack 选项提供一个对象,该对象将会被 webpack-m
阅读全文
摘要：#js中this指向 普通函数在全局或其他函数内被调用,this指向调用者(非严格模式) function foo() { console.log(this) } foo() //等于window.foo(),调用者是window所以this指向window // 在浏览器中，全局对象是window
阅读全文
摘要：问题描述 代码如下,在table的每一个行中添加下拉选项,结果在页面中下拉选项可以正常显示,也没有错误,但是无法选中option里面的内容 <el-table-column label="didi"> <el-select v-model="dididi"> <el-option v-for="it
阅读全文
posted @ 2019-08-27 21:54
知了呀
摘要：问题 在app.vue中设置了html{height:100%},但是在控制台跟踪的时候发现并没有生效 解决 因为在App.vue中style添加了scope表示只有当前页面生效,去掉scope就好了
阅读全文
浙公网安备 33010602011771号