- 博客(88)
- 收藏
- 关注
RSS订阅原创 vue前端解决跨域
配置代码新建一个文件：vue.config.js代码如下const path = require('path');function resolve(dir) { return path.join(__dirname, dir)} module.exports = { //打包时不生成.map后缀文件 productionSourceMap: false, lintOnSave: false, // 基本路径 publicPath: "./",
2022-05-07 11:04:11
5692
原创 el-select 和el-tree 结合 下拉树二级联动
表单 <el-form-item label="项目名称" prop="cxXmmc"> <el-select size="small" @change="loadGdlxTreeInfo" v-model="queryParams.cxXmmc" placeholder="请选择" clearable
2022-05-06 11:37:27
728
原创 element树形表格 多选和单选（多选时把子节点一起勾上）
表格数据<el-table border :data="tableData" row-key="id" ref="multiTable" @select="selectChange" @select-all="selectAllChange" @selection-change="handleSelectsb" :expand-row-keys="expandRowKeys" :tree-pr
2022-05-06 10:51:32
2871
原创 element树形表格 模糊查询前端
查询条件<el-form :model="search" size="small" label-width="80px"> <el-row> <el-col :span="8"> <el-form-item label="名称"> <el-input v-model="search.mc" clearable placeholder="请输入名称" />
2022-05-06 10:36:55
1113
原创 el-steps进度条 el-tabs标签切换页的结合
<template> <div class="rf_container"> <el-container class="rf_H_A_M"> <el-header height="auto"> <div class="title">{{title}} <span style="float:left"> <el-button size="mini" @click="bac
2022-03-15 17:30:23
2263
原创 后台数据返回 列表渲染不同数据（固定3行数据）
if(res.data && JSON.stringify(res.data)!="{}"){ var {zscqSjspInfo,zscqQjspInfo,zscqQjzsInfo} = res.data; this.tableDatapsjl = [ {spmc:"市局审批意见",...zscqSjspInfo}, {spmc:"初审审.
2022-03-15 17:02:00
298
原创 vue 前端 配置api和请求响应拦截器（登录页面为例）
基础插件如下图所示main.js文件配置import Vue from 'vue'import App from './App'import router from './router'import BaiduMap from 'vue-baidu-map';import ElementUI from 'element-ui';import 'element-ui/lib/theme-chalk/index.css';Vue.use(ElementUI);Vue.prototype.$
2022-03-14 17:29:01
761
原创 el-table动态添加行（包含input输入框）
<el-form size="small" :disabled="isdisabled"> <el-form-item prop="servin"> <template> <div style="font-weight:bold;text-align:center;font-size:20px">申请状态</div> <el-table ref="table" border
2022-03-11 17:02:29
6231
4
原创 el-table的行合并
1.在el-table标签里添加:span-method=“objectSpanMethod” 这个方法data数据里加上这个数组spanArr:[] objectSpanMethod({ row, column, rowIndex, columnIndex }) { if (columnIndex === 0) { const _row = this.spanArr[rowIndex]; const _col = _row > 0 ? 1 : 0
2022-03-11 16:57:10
838
原创 every的使用（用于数组。判断数组下的数据）
如果需要判断数组下的某个数据不满足条件 可以使用这个方法（没生效可以逆向思维分析）let flag = this.pfxzList.every( (val) => val.zjyj != "" && val.zjyj != undefined ); let flag1 = true; this.pfxzList.forEach((item) => { flag1 = item.list.every((val)
2022-03-11 16:38:20
871
原创 动态添加表单数据vue
<el-row> <el-col :span="18"> <el-form-item label="研究方向" :prop="'list.'+index+'.name'" :rules="{required:true,message:'研究方向不能为空',trigger:'blur'}"> <el-input v-model="item.name" placeholder="请输入..
2022-02-11 15:57:25
2367
原创 vue $refs 的使用 传值
父传子父亲：点击登录打开完善信息页面孩子： <wszjxx ref="wszjxx"></wszjxx>//完善信息页面父亲： <el-button :loading="loading" size="medium" type="primary" style="width:100%;" @click.native.prevent="handleLogin"
2022-02-11 15:49:46
1772
原创 若依登录需要注意的事（保存密码和加密）
本地缓存账号密码和记住密码 getCookie() { const username = Cookies.get("username"); const password = Cookies.get("password"); const rememberMe = Cookies.get('rememberMe') this.loginForm = { username: username === undefined ? this.logi
2022-02-11 15:38:19
5349
原创 若依（接口封装）
在src文件夹中新建一个文件夹apiapi里建一个login.js(这个就是登录用到的接口存放位置)import request from '@/utils/request'// 登录方法export function login(username, password, code, uuid) { const data = { username, password, code, uuid } return request({ url: '/log
2022-02-11 15:16:51
3597
原创 校验规则自定义（身份证、姓名、企业名称、统一社会信用代码、手机号码、登录密码、二次登录密码、验证码）
切换用户类型分别校验对应的字段注册为例，分别有两个注册类型2是企业 3是专家 var validatesfz = async (rule, value, callback) => { if (!value) { return callback(new Error("请输入身份证")); } // 定义flag来接收yz里面的哪个方法（value传的值） var pattern = /(^\d{15}$)|(^\d{18}$
2022-02-11 14:40:24
1548
原创 map的使用（返回数组里的数据）起到过滤作用
var that = this; that.zjinfoListTemp = that.zjinfoList that.$nextTick(() => { ///取出选中的专家 var ids = that.zjinfoList.map((item) => { return item.id; }); //钩上选中的 that.infoList.forEach(...
2022-01-26 09:56:03
1044
原创 后台返回数据（返回分数，计算总分，实时修改分数改变总分）
this.pfxzList = res.data this.pfxzList.forEach((item) => { item.infoId=this.infoId item.zf = item.list.reduce((val, item1) => { item1.zjpf=item1.fz item1.pfxId=item1.id
2022-01-25 15:16:08
747
原创 文件上传（记录）
<template> <div> <el-card class="box-card" style="margin-top: 10px"> <div slot="header" class="clearfix"> <span class="title-color">附件材料</span> </div> <el-form :model="queryPa
2022-01-19 16:19:51
468
原创 渲染数据（添加属性到后台返回数据中）
const jsnzzcArr = res.data.jsnzzc.split(",") for(let i=0;i<jsnzzcArr.length;i++){ res.data['zzc'+(i+1)] = jsnzzcArr[i] }
2022-01-17 14:28:06
344
原创 字符串拼接
var from ={zzc1:111,zzc2:222,zzc3:333} form.jsnzzc =`${form.zzc1},${form.zzc2},${form.zzc3}` 拼接符号 `${}${}`
2022-01-17 14:18:08
254
原创 表格树形结构vue
在表格添加tree-props属性:tree-props="{children: 'children', hasChildren: 'haschildren'}"树形结构数据封装（建新js用来封装数据）/** * 构造树型结构数据 * @param {*} data 数据源 * @param {*} id id字段 默认 'id' * @param {*} parentId 父节点字段 默认 'parentId' * @param {*} children 孩子节点字段 默认 'child
2022-01-07 10:55:03
1585
原创 vue 表格数据插入（弹窗下拉数据插入表格）
1.表格插入数据加上插槽点击事件方法可以加上@click=“ss(scope.row,scope.$index)”scope.row得到每一行的数据scope.$index得到每一行的index<template slot-scope="scope"> </template>过滤器：filter可以过滤数组里的数据 可获取下标zzxz(val){ var obj = this.zztypeOption.filter((item)=>{
2021-12-21 11:57:45
1048
原创 微信小程序封装get、post请求和api地址的封装
GET、POST封装代码在until文件夹里新建一个http.js文件/** * 请求方法,这里就写两种最常用的 * 其他的请求方式同理(微信官网提供了OPTIONS,HEAD,PUT,DELETE,TRACE,CONNECT) */function post(url, data) { let param = packagingParam(url, data, "POST", "application/x-www-form-urlencoded;charset=utf-8"); retu
2021-12-03 11:39:29
720
原创 微信小程序之获取openid
1.登录需要获取openidappid和秘钥在小程序后台可获取 //获取openid openid() { let that = this wx.login({ success(res) { wx.request({ url: 'https://api.weixin.qq.com/sns/jscode2session', method: 'GET', data: { ap
2021-12-03 10:45:38
737
2
原创 Git
显示Git的配置信息git config --listgit config --global user.name"your name"git config --global user.email"邮件"修改前推荐先使用 --unset参数清空需要修改的设置git config --unset --global user.name...
2019-10-14 21:30:30
137
原创 根目录 Linux Git 实验一 实验二
/根目录 一般根目录下只存放目录，不存放文件，home 用户的主目录，每个用户都有自己的一个目录，一般该目录名是以用户的账号命名的bin bin是Binary的缩写，这个目录存放着最经常使用的命令sbin 存放的是系统管理员使用的系统管理程序user 用户的很多应用程序和文件都放在这个目录下，类似于windows下的program files 目录lib 这个目录里存放着系统最...
2019-10-13 13:24:27
630
原创 多媒体元素，音频、视频
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>多媒体元素</title> <style> *{ padding: 0; margin:...
2019-10-06 16:01:05
313
原创 拖放
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style> #box{ width: 300px; height: 300px; border: 3px solid red; ...
2019-10-06 15:59:18
199
原创 进度条
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>progress</title></head><body> <progress id="pro" value="10" ...
2019-10-06 15:57:27
135
原创 todolist未完成，已完成
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>storage</title></head><body> <input type="text" required id="inp...
2019-10-06 15:55:54
885
1
原创 渐变
渐变颜色渐变，旋转，变形，缩放<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style> .*{ margin: 0; padding: 0; } .div1{ ...
2019-10-06 15:53:21
130
原创 上传文件/文本/图片，盒子阴影
上传文件<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style> div{ width: 200px; height: 200px; border: 1px solid b...
2019-10-06 15:48:05
124
原创 CSS 列 文本阴影
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style> li:nth-child(4n){ background-color: red; } li:nth-child(4n+1)...
2019-10-06 15:45:00
168
原创 分割、柱子、list
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style> *{ margin: 0; padding: 0; } li{ list-style-type: none...
2019-10-06 15:35:21
144
原创 请求对象，发送请求
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <ul id="list"> </ul> <script>...
2019-10-06 15:32:23
227
原创 小米电视的网页和珠宝的网页
小米电视<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style> *{ padding: 0; margin: 0; } .a{ width: 1150px; ...
2019-10-06 15:20:54
279
原创 点击事件
<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>DOM</title> <style> *{ padding: 0; margin: 0; ...
2019-10-06 15:10:21
373
原创 矩形、圆弧、线段的画法H5
自己琢磨了一下，能画出自己想要的图形了代码如下<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <style> canvas{ border: 1px solid red; displ...
2019-10-06 15:04:40
187
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人