- 博客(18)
- 收藏
- 关注
RSS订阅原创 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
3539
原创 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
1031
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
832
转载 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
590
原创 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
4903
原创 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
2192
原创 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
933
原创 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
2152
原创 虚拟机使用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
754
原创 vue + element 日期范围选择器（ 日期不可选范围）切换日期格式
在业务中使用日期选择时，通常会遇到要限制日期范围的情况，这里不止需要日期范围还需要月份范围切换选择，我也是通过在网上寻找适合我项目的代码综合起来实现下面的结果：下面我们来实现结果中的代码<el-form-item label="报表日期维度：" style="margin-right: 15%;"> <el-radio-group v-model="radioTreaty" @change="changeHandler"> .
2020-09-19 16:59:44
1832
转载 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
4410
转载 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
48857
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
2025
原创 mysql中concat、concat_ws函数用法
concat函数可以连接一个或者多个字符串用我个人语句来为例我这里有个需求是查询用户的省市区县和详细地址，但是有的用户只输入省市区县，没有输入详细地址，数据库中是分开设置的，但是页面显示在一栏中我的sql语句为：显示的结果为我这里添加一个ifnull判断，如果不判断，其中有一个为null，address这个字段内容都为null，判断之后就不会有这个问题了concat_ws（separator,str1,str2,...）函数第一个参数是其它参数的分隔符。分隔符的.
2020-08-07 12:51:49
559
原创 vue+element级联选择器(选择任意一级选项)
页面效果页面代码：添加v-if 判断是为了在添加中显示，而修改时隐藏，由于第一次学习写vue，只能使用比较笨的方式下面实现步骤这里的children是后台查询出来的所有子类我在初始化时就加载了查询全部的方法并在查询时，使用异步方法把查询出来的数据放到options中为了更好的判断用户选择的是哪个子集，这里添加了findidfromArray方法，因为我后台是children显示的子类数据，所以需要一层层查找添加时调用这个方法，把最后一个id传给后.
2020-08-07 11:14:32
5792
原创 个人软件开发常用网站
程序员导航： 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
671
转载 Windows CMD命令
命令简介cmd是command的缩写.即命令行 。 虽然随着计算机产业的发展，Windows 操作系统的应用越来越广泛，DOS 面临着被淘汰的命运，但是因为它运行安全、稳定，有的用户还在使用，所以一般Windows 的各种版本都与其兼容，用户可以在Windows 系统下运行DOS，中文版Windows XP 中的命令提示符进一步提高了与DOS 下操作命令的兼容性，用户可以在命令提...
2018-08-10 17:42:37
252
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人