- 博客(41)
- 问答 (13)
- 收藏
- 关注
RSS订阅原创 输入框只要输入数字且保留四位小数
changeInput (item) { this.searchParams[item] = this.searchParams[item].replace(/[^\d.]/g, '') if (this.searchParams[item] !== '') { if (this.searchParams[item].indexOf('.') > -1) { this.searchParams[item] = this.searchP...
2022-05-06 10:00:51
453
原创 前段使用vue qrcode生成二维码
```html <canvas id="QRCode_header"></canvas>1.安装依赖npm install qrcode --save-dev `2.使用的页面中引入``import QRCode from 'qrcode' // 引入生成二维码插件3.data 中声明QRCodeMsg: ''4.生成二维码 getQRCode () { const opts = { errorCorrectionLevel.
2022-03-03 09:51:48
534
原创 遍历对象，顺序不乱
var obj = { '2021-01' : '1', '2021-02' : '2', '2021-03' : '3', '2021-04' : '4', } for (const [key,val] of Object.entries(obj)) { console.log(key,val) // 2021-01 1 // 2021-02 2...
2021-11-25 13:38:20
688
原创 动态添加键值对
let arr = [{ a: '110846', b: 'A部门' }, { a: '110007', b: 'b部门' }, ] let obj = {} arr.forEach((item, index) => { console.log(item) obj[item.a] = item.b }) console.log(obj) //{110007: "b部门", 1...
2021-11-18 20:56:15
729
原创 echarts样式修改
//修改柱状图的横向和纵向 字体改为倾斜效果 xAxis: { type: 'category', data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'], **axisLabel: { //重点看这里 interval:0, rotate:40 }** }, y
2021-11-15 11:09:16
837
原创 js 页面跳转传参取参
//第一个页面的heml部门 <button id="btn">click</button> //js部分 var btn = document.getElementById('btn') console.log(btn) btn.onclick = function () { console.log("hello world"); window.location.href = './sting.html?numbe' + .
2021-10-31 18:40:44
159
原创 如何判断对象中包含某个字段
let a = '123' let b = [{ a: '123', b: '456' }, { a: 'asd', b: '45asdas6' } ] console.log(JSON.stringify(b)) console.log(JSON.stringify(b).includes(a)) console.log(b.toString(...
2021-10-21 21:01:01
728
原创 iview 表格多选框根据数据 默认选中
<template> <Table border ref="selection" :columns="columns4" :data="data1"></Table></template><script>export default { name: "WorkspaceJsonApp", data() { return { columns4: [ { type: "sel
2021-10-16 08:43:24
1312
原创 柱状图显示加单位类似于（%）
option1: { title: { text: '完成率(%)', //一级菜单名称 subtext: '', //二级菜单名称 x: 160, y: 1, }, tooltip: { trigger: 'axis', axisPointer: { type: 'shadow', }...
2021-10-12 14:50:51
486
原创 echarts柱状图自定义颜色
xAxis : [ { type : 'category',// name:'额度', //这是设置的false，就不不显示下方的x轴，默认是true的 show: false, //这里呢，就是每个柱的name了，根据实际情况下就好了，我就先写这三个 data : ['最多','平均','最少'],
2021-10-12 14:46:25
3042
原创 promise
<script> //让异步程序按顺序执行（3秒后输出1，再过2秒输出2，再过1秒输出3） new Promise((resolve,reject) => { setTimeout(() => { resolve(1); }, 3000); }) .then((data) => { aler..
2021-10-11 20:31:26
138
原创 数组a的key的value值，拿走数组B的vaue值
var a = [] let b = [{ mz: '我是名字', bumen: '我是工号' }, { mz: '我是名字2', bumen: '我是工号2' }] b.forEach((item, index) => { a.push({ value: item.mz, bmid: item.bumen }) }) console.log...
2021-09-12 15:12:31
125
原创 echarts 柱状图跳转带走工号之类的
<template> <div> <div id="main" style="width: 600px;height:400px;"></div> </div></template><script>import * as echarts from "echarts";export default { name: "WorkspaceJsonApp", data() { return
2021-09-12 15:09:51
118
原创 2021-08-13
const state = {}const getters = {}const mutations = {setState(state, payload) {Object.keys(payload).forEach(key => {state[key] = payload[key]})},}const actions = {}export default {namespaced: true,state,getters,mutations,actions,}
2021-08-13 16:50:26
80
原创 iview 日期限制
//时间根据条件改变options1: { disabledDate(date) { return date && date.valueOf() < Date.now() + 86400000 } }, // 日期从后天开始选择 options2: { disabledDate(date) { return date && date.valueOf() < Date.now() + 86400000 + +
2021-08-04 16:51:39
246
原创 vue中内容更改不回显
Vue中，$forceUpdate()的使用方文档中指出，$forceUpdate具有强制刷新的作用。那在vue框架中，如果data中有一个变量:age，修改他，页面会自动更新。但如果data中的变量为数组或对象，我们直接去给某个对象或数组添加属性，页面是识别不到的<template> <p>{{userInfo.name}}</p> <button @click="updateName">修改userInfo</button>&l
2021-07-14 16:57:43
1289
原创 2021-07-14
```html<!DOCTYPE html><html><head> <meta charset="utf-8" /> <title>Vue.js中使用iView日期选择器并设置开始时间结束时间校验</title> <!-- import Vue.js --> <script src="//vuejs.org/js/vue.min.js"></scri.
2021-07-14 13:38:50
52
原创 iview 组件库日期选择范围
<template> <Row> <Col span="12"> <DatePicker type="date" :options="options3" placeholder="Select date" style="width: 200px" ></DatePicker> </Col> </Row></
2021-06-28 08:56:23
179
原创 vue路由传参
第一种用的比较简单的是直接router下的index里面path后面加入idconst routes = [ { path: '/', name: 'Home', component: Home, }, { path: '/about/:id', //这里的id name: 'About', component: () => import(/* webpackChunkName: "about" */ '../views/About.v
2021-05-26 18:57:26
61
原创 2021-05-25
前言 在前端后台项目中，都会遇到权限的问题， 前端的权限大概都是分为，菜单控制，界面控制，按钮控制，请求和响应和控制， 真正的权限都是依靠后端来处理的，前端对一些权限的处理可以有效的减少对服务器的请求。菜单控制 请求过程中，会得到权限的数据，需要想后端返回数据的支持，前端根据权，展示对应的菜单。 在登录的时候，拿取到后端权限的数据，VUEX中， 通过this.$store.commit （）存入全局中， 一开始页面那侧边二级菜单是空的，通过引入这个方法到该页面中，在计算属性 中把这个
2021-05-26 10:31:44
75
原创 前端处理跨域
1、需求说明在前后端分离开发中，前端发送ajax请求因为受到了浏览器同源策略的限制，会出现跨域的问题，在Vue项目中使用代理请求解决跨域问题。如果使用vue/cli 4.x以上版本创建的Vue项目，在项目的根目录中创建 vue.config.js 配置文件。2、代码实现在Vue项目根目录创建 vue.config.js 配置文件，配置代码如下：module.exports = { devServer: { proxy: { '/api': {
2021-05-25 10:11:53
349
原创 表单验证
<template> <div> <el-form :inline="true" :model="formInline" class="demo-form-inline" :rules="rules" ref="form" > <el-form-item label="审批人" prop="user"> <el-input v-model="formInline.user" placeh
2021-05-16 15:47:56
376
原创 element-ui 组件库按序引入
1.当利用vue-cli 创建一个项目后，输入2.安装完成后第二部3.运行项目可以查看到页面多了一个element-ui 的button在main.js也是有element-ui 的引入
2021-05-15 17:05:21
109
原创 切换导航，显示内容改变（非路由跳转）
<template> <div> <button @click="show('my-header')">显示头部</button> <button @click="show('my-center')">显示中间</button> <button @click="show('my-footer')">显示底部</button> <!-- 可以控制下面缓存的数量 --
2021-05-14 10:31:24
196
原创 父组件向子组件传值/子组件向父组件传值（结合自定义组件）
以下为父组件中的内容<template> <div> <button> {{msg}} </button> </div></template><script>// 以下的msg 利用了Vue中 props 父组件向 子组件传值， props中可以限制 子组件那边传的属性类型export default {props:{ // 这样写也是可以的 // msg : String
2021-05-13 21:31:13
287
原创 Vue 中自定义封装组件
以下内容为自定义封装的一个小button按钮，这种自定义组件最好是放在components 文件夹下面<template> <div> <button>牛</button> </div></template><script>export default { data() { return { }; }, mounted() { }, m
2021-05-13 16:25:10
338
原创 vue中操作dom
<template> <div> <input type="text" ref="input"> // 设置ref属性 通过$refs操作dom </div></template><script>export default { name: 'ThreeApp', data() { return { }; }, mounted() { // 挂载后可以操作dom t
2021-05-12 22:31:38
120
原创 Vue记住刷新前复选框的选中状态
在需要记住的checkbox 的vue文件中<template> <div> <input type="checkbox" :checked="a" @click="change"> </div></template><script>export default { data() { return { a:"" }; }, created () { t
2021-05-12 16:54:46
889
原创 H5中将首字母大写，全部 字母转为大写，全部转为小写
<style> p{ /* 将第一个字母转为大写 */ /* text-transform: capitalize; */ /* 将所有的字母转为大写 */ text-transform: uppercase; } div{ /* 将所有的字母大写转为小写 */ text-transform: lowercase; } </style>..
2021-05-12 08:26:43
526
原创 vue中 @点击循环显示数组内容
点击循环数组里面的数据<template> <div> <button @click="add"> 循环</button> <div > {{a}} </div> </div></template>```<script>export default { data() { return { arr:[1,2,3],
2021-05-11 09:17:47
786
原创 js中数组得方法
<SCript>// 1. 增：// 前增： unshift(元素1,元素2,……)// 作用：在数组的首部增加新的元素// 返回值：是新增后数组的长度// 是否影响原数组：是 var arr = [5,6,7,8,9]; console.log(arr.unshift(1,2,[3,4],true)); //9 新增后数组的长度为9 console.log(arr); // [1,2,[3,4],true,5,...
2021-03-25 19:39:58
88
原创 如何一键获取网页中所有得图片
1.首先我们用火狐（注意是火狐浏览器）先打开要获取图片得网站2.右键点击获取页面信息3. 点击查看媒体，直接Crtl+D一键获取所有得图片另存为就可以了。
2021-03-25 19:29:17
5913
4
原创 for循环中的 var 和 let 的区
// 从上面的内容来看的 第一次循环出来的结果都是 0 1 2，为啥后面的输出的结果不一样呢？ 关键点在于let 和 var 的区别// for 本身就是一个块级作用域 var 是不支持块级作用域的 但是身为变量是可以提升的 后面的计时器是为 异步，所以先执行for 循环内部，已经循环到最后的结果了，再启动这个计时器； 所以最后的结果就是 最后的这个输出结果了//let 本身就会产生一个作用域，所以他是支持作用域的，但是他不支持提升的，简单的来说就是 let i = 0； let..
2021-03-11 11:49:33
315
1
空空如也
uniapp扫码框放大
2023-12-12
使用 uniapp打包的时候主包超范围
2023-11-30
uniapp真机运行调试问题
2023-10-19
为什么扫普通二维码进入小程序页面，onLoad 执行了两次？
2023-06-19
安卓 旧版本下载 找不到旧版本的
2023-04-23
div盒子 从下往上堆
2022-12-06
动态的div从下往上堆
2022-12-06
热力图X轴宽度样式调整问题
2022-12-04
想把echarts日期热力图改成其他的样式
2022-12-02
3d视图的仓库 框架为vue
2022-10-12
angularJS 数据改变 view视图未改变
2022-08-24
element 表格改变横向滚动条后影响到原来样式了
2022-07-13
uniapp 移動端預覽 ， 使用其他文章裏下載用的pdf .js 沒實現，有指導下的嗎
2022-06-19
vue 打印二维码和logo功能
2022-06-06
js 中如何走完循环之后再进行下一步
2022-05-31
vue使用腾讯地图 根据经纬度回显位置
2022-04-03
使用asyac awit 回显 object promise 问题
2022-03-27
vue 中model弹框后，二维码第一次不显示 第二次弹窗后会显示
2022-03-04
angularjs项目打印问题
2022-02-15
angular 学习（有vue基础）
2022-02-08
vant 中popup 遮罩层如何取消
2021-12-07
鼠标悬浮在柱状图的不同位置,显示不同的提示信息.怎么实现?
2021-12-01
Echarts 横向柱状图点击跳详情
2021-09-10
js 递归方式求出以下结果，说说处理思路
2021-03-22
TA创建的收藏夹 TA关注的收藏夹
TA关注的人