自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(18)
  • 收藏
  • 关注

原创 vue项目 el-input 组件 监听回车键实现搜索功能

<el-input placeholder="搜索" icon="search" v-model="input" :on-icon-click="pchandleIconClick" @keyup.enter.native="searchEnter"> </el-input> 在methods方法集里,写上监听的方法,当获取的v-model里的值,按下了回车键,如果需要监听空格或者其他键,换成别的键值searchEnter() { // 控制一下,如果用户没.

2022-03-09 09:11:42 3768

原创 java 检查字符串是否包含多个关键字

该内容主要用于数组和字符串,需求数组中设置关键字,判断字符串是否匹配

2021-03-20 08:46:26 2739

原创 element table 表格外input关键字搜索和多选

需要用到:element Table自定义表头关键字搜索+elementTable多选两个模块https://element.eleme.cn/#/zh-CN/component/table遇到问题:多选弹框时,数据没有传给el-dialog弹框,勾选完之后,点击链接弹框,勾选就会消失造成上诉问题是因为自定义表头中代码:data="tableData.filter(data => !search || data.name.toLowerCase().includes(s..

2020-12-24 14:43:59 1078 2

原创 vue+element 模态框批量赋值给table

模态框内容只赋值给页面表格,并不直接修改后台数据页面代码<el-button type="text" @click="onUpdata()">批量设置</el-button><el-table ref="table1" v-loading="listLoading" :data="listData" stripe border style="width: 100%" :height="tabHeight" @select..

2020-12-17 15:03:14 871

转载 Vue .sync 父子组件“双向绑定“

写在前面,我用的vue版本是2.6,是大于2.3的。今天在使用Vue进行父子组件传值的时候,需要父组件向子组件传值,同时子组件需要关闭父组件的弹窗,这就需要父子组件的双向绑定。这里我用到了.sync修饰符(在Vue2.3之后的.sync只是编译时的语法糖)Vue官网解释.sync修饰符先上代码//父组件<el-dialog title="修改科室信息" :visible.sync="dialogFormVisible"> <dep-edit :departm

2020-11-13 13:50:54 627

原创 vue element admin登录方式切换(密码登录或短信登录)

:具体代码可以根据vue element admin源码进行更改,下面是页面代码<el-form ref="loginForm" :model="loginForm" class="login-form" auto-complete="on" label-position="left" > <div class="title-container"> <h3 class="title">用户登录</h3>

2020-11-06 15:24:05 5062

原创 el-table内嵌套el-input行内计算

我使用@change获取input值的变化,发现计算出来的结果,没办法赋值给后面,在网上找到了@blur,光标移出时触发结果显示为:页面代码:<el-table-column property="sjkc" label="实际库存" width="150" align="center"> <template slot-scope="scope"> <el-input v-model.number='scope.ro.

2020-10-27 11:48:30 2295

原创 el-select选择器远程搜索有禁用项

根据要求用到select远程搜索功能,并且如果已经添加过得,禁止添加。结果显示为:前端页面代码为:<el-form-itemlabel="SKU名称"prop="skuId"><el-selectv-model="formData.skuId"filterableremoteplaceholder="请输入关键词"clearable:remote-method="remoteMethod":loading="loading"...

2020-10-20 10:43:46 990

原创 MySQL中将查询的列表合并成两列不同的数据

问题根据查询出来的列表合并成不同两列数据,显示如下:需求:根据字段内容不同,把列表中数据合并成两列数据结果以下这种样式:下面是mysql语句这个是美化过得,如果看不明白,下面还有没有美化的SELECT `id` '用户ID', `ghs_id` '供货商ID', GROUP_CONCAT(CASE WHEN isghsh = 0 THEN concat( ifnull( zhname, "" ), ifnull( fkzh, "" ), ifnull(.

2020-10-07 10:51:01 2251

原创 虚拟机使用WampServer搭建PHP并安装PESCMS系列程序

说明:该内容都是根据个人项目通过网络搜索结合所整理出来的,如有问题请具体搜索1.1.安装虚拟机搭建虚拟机下载VMware Workstation Pro,这个软件通过腾讯管家和360安全卫士就可下载下载完成之后,点击新建,我这里使用的win7版本新建项目之后需要使用镜像,我这里是win7的镜像,复制地址到迅雷中即可下载:ed2k://|file|cn_windows_7_enterprise_with_sp1_x64_dvd_u_677685.iso|3265574912|E9DB2607EA3B

2020-09-24 17:25:54 788

原创 vue + element 日期范围选择器( 日期不可选范围)切换日期格式

在业务中使用日期选择时,通常会遇到要限制日期范围的情况,这里不止需要日期范围还需要月份范围切换选择,我也是通过在网上寻找适合我项目的代码综合起来实现下面的结果:下面我们来实现结果中的代码<el-form-item label="报表日期维度:" style="margin-right: 15%;"> <el-radio-group v-model="radioTreaty" @change="changeHandler"> .

2020-09-19 16:59:44 1872

转载 ElementUI中el-select下拉框选择不同的项控制其他控件(单选控件)的显示和隐藏

场景在el-select的下拉框中,下拉选择指定的下拉项时才会显示后面的单选框,否则不显示。效果如下实现首先在页面中添加这两个控件<el-row> <el-col span="10"> <el-form-item label="班次类型:" prop="bclx"> <el-select v-model="form.bclx" placeholder="请选择班次类型"

2020-08-30 17:07:32 4532

转载 Vue element el-select 选择器设置默认选中

为了防止用户漏操作传入空值数据,在select下拉框中设置默认选中值。<el-form-item label="状态:" prop="state"> <el-select v-model="formData.state" placeholder="请选择用户状态"> <el-option v-for="item in stateData" :key="item.valu

2020-08-26 10:49:43 53620 7

原创 vue+element+el-cascader 三级联动(省市区县)

我之前用过el-option来做三级联动,说实话还是有很大的区别,相比较option而言,cascader 更简单一些,但是也遇到了问题我的页面代码是:<el-form-item label="收货地区:" prop="shdzDq"> <el-cascader ref="myCascader" v-model="province" :props="optionProps"

2020-08-19 17:20:00 2094

原创 mysql中concat、concat_ws函数用法

concat函数可以连接一个或者多个字符串用我个人语句来为例我这里有个需求是查询用户的省市区县和详细地址,但是有的用户只输入省市区县,没有输入详细地址,数据库中是分开设置的,但是页面显示在一栏中我的sql语句为:显示的结果为我这里添加一个ifnull判断,如果不判断,其中有一个为null,address这个字段内容都为null,判断之后就不会有这个问题了concat_ws(separator,str1,str2,...)函数第一个参数是其它参数的分隔符。分隔符的.

2020-08-07 12:51:49 598

原创 vue+element级联选择器(选择任意一级选项)

页面效果页面代码:添加v-if 判断是为了在添加中显示,而修改时隐藏,由于第一次学习写vue,只能使用比较笨的方式下面实现步骤这里的children是后台查询出来的所有子类我在初始化时就加载了查询全部的方法并在查询时,使用异步方法把查询出来的数据放到options中为了更好的判断用户选择的是哪个子集,这里添加了findidfromArray方法,因为我后台是children显示的子类数据,所以需要一层层查找添加时调用这个方法,把最后一个id传给后.

2020-08-07 11:14:32 5853

原创 个人软件开发常用网站

程序员导航: http://code.giffox.com/码云 https://gitee.com/外网api文档地址 :http://tool.oschina.net/apidocs/apidoc?api=jdk-zh在线工具:https://tool.lu/前端常用网址BootStrap菜鸟教程 http://www.runoob.com/bootstrap/bootstrap-tutorial.htmlVue2.0学习:https://www.runoob.com/w3cno

2020-08-07 10:26:58 724

转载 Windows CMD命令

命令简介cmd是command的缩写.即命令行 。  虽然随着计算机产业的发展,Windows 操作系统的应用越来越广泛,DOS 面临着被淘汰的命运,但是因为它运行安全、稳定,有的用户还在使用,所以一般Windows 的各种版本都与其兼容,用户可以在Windows 系统下运行DOS,中文版Windows XP 中的命令提示符进一步提高了与DOS 下操作命令的兼容性,用户可以在命令提...

2018-08-10 17:42:37 300

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除