小野不打野-CSDN博客

原创 vue axios 请求头的Content-Type没有生效

post请求500但是postMan、apiPost测试都没有问题，发现多了一个 content-type多了application/x-www-form-urlencoded， axios请求头设置了content-type，但是post请求没有生效，请求时content-type自动改为application/x-www-form-urlencoded，我看了一遍又一遍的代码，写法是没有问题的，因为qs也是用了的。解决方法：降低了axios版本，就好啦。

2023-08-17 20:40:21 2267 1

原创 qrcode.vue插件使用方法

安装qrcode.vue：npm install qrcode.vue@1.7.0 --save # yarn add qrcode.vue@1.7.0 --save 项目中（xxx.vue）引入代码：<template> <qrcode-vue :value="value" :size="size" level="H" /></template> <script>import QrcodeVue from "

2021-12-30 09:49:51 4542 2

原创 vue-color插件使用方法（完整版）

安装：npm install vue-color项目（xxx.vue）中引入代码：<template> <div class="color"> <div> 1.material <material-picker v-model="colors" /> </div> <div> 2.compact <compact-pi

2021-12-30 09:36:13 9024

原创 vue-color插件使用方法

安装vue-color：npm install vue-color项目（xxx.vue）中引入代码：<template> <div> <chrome-picker v-model="colors" /> </div></template> <script>import { Chrome } from "vue-color";export default

2021-12-30 09:32:36 1412 4

原创 vue项目去除url中的#

打开vue项目 ---- src文件夹 ---- router文件夹 ---- index.js文件在 new VueRouter 中添加 mode: 'history’const router = new VueRouter({ mode: 'history', // 去掉url中的# }); export default router;

2021-12-29 09:40:45 350

原创 echarts设置图例的图标形状

此处图例的图标形状设置为圆图列图标为圆的图：图列图标为圆的代码： legend: { /* 'circle':圆 'rect'：矩形 'roundRect'：圆角矩形 'triangle'：三角形 'diamond'：菱形

2021-12-23 17:39:18 12654

原创 img标签图片自适应的样式

img标签图片自适应的样式问题：img标签宽高固定的情况下，上传的图片尺寸不一致，会导致图片被拉伸变形，影响页面美观。解决方法：用css3的object-fit 属性、object-position 属性可以解决，代码如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>img标签图片自适应的样式</title>

2021-12-23 10:47:05 13155

原创 Vue启动项目后Network: unavailable

Vue启动项目后Network: unavailable问题：Vue启动项目后Network: unavailable；解决方法：需在项目的根目录（package-lock.json文件的目录）配置vue.config.js文件，在vue.config.js里写以下代码：module.exports = { configureWebpack: { // other webpack options to merge in ... }, // devServer Options

2021-12-22 15:22:26 1373

原创用iPhone点击页面空白处或输入框，页面放大

**用iPhone点击页面空白处或输入框，页面放大**方法一：解决方法：通过js监听，禁止ios缩放即可解决（这个方法对输入框会失效） /*禁止ios缩放，双击和双指*/ window.onload = function () { document.addEventListener('touchstart', function (event) { if (event.touches.length >

2021-12-22 14:55:42 1856 1

原创 vue项目启动的同时自动打开浏览器

vue项目启动的同时自动打开浏览器1.找到vue项目下的package.json文件在 “serve”: “vue-cli-service serve” 里添加 --open

2021-12-22 14:50:32 252

原创 css函数 “var()” 和css选择器 “:root”

:root：:root是css3伪类选择器，表示文档的根元素，支持非ie浏览器、ie9及ie9以上浏览器。var()var()函数用于插入自定义的属性值，如果一个属性值在多处被使用，该方法就很有用。实例：设置字体颜色<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-w

2021-11-04 16:04:21 824

原创 layui表格重载（自动刷新）

示例1.自动化渲染的重载<table class="layui-table" lay-data="{id: 'idTest'}"> …… </table>//【JS】table.reload('idTest', { url: '/api/table/search' ,where: {} //设定异步数据接口的额外参数 ,page: { curr: 1 //重新从第 1 页开始 }

2021-10-22 17:08:29 4374 1

原创 layui表格超出容器

问题描述分析：layui表格超出容器，是因为layui-table的width是100%或auto,所以才会超出<div class="layui-table"> <table class="layui-hide" id="demo1"></table></div>解决方法：给layui-table固定width/*css：*/.layui-table{ width:500p

2021-10-19 11:07:57 984

原创 layui弹窗ifarme引入自适应页面（vw）样式缩小

问题描述及分析：layui弹窗的宽高不是铺满屏幕的，是在屏幕中间，而做了自适应的页面采用是vw单位，正常情况是自适应的页面的宽根据浏览器窗口的宽度自适应，但是应为layui弹窗的ifame是设置了固定宽高的，此时ifarme页面引入自适应页面后，自适应页面获取到的html，body的宽高不是浏览器的而是layui的iframe，所以会出现自适应页面会缩小的情况。解决方法：自适应页面的根元素设置字体大小为20px,代码如下：第一步：

2021-10-18 10:21:29 1190

maggie的博客