王阿储-CSDN博客

原创 vue使用element-ui实现table表格数据行内编辑

需求背景：鼠标双击编辑行内内容实现思路：双击时获取到被点击的单元格元素，配合element内置方法，实现表单的显示与隐藏当某表单内容显示时，自动获取光标，点击其他位置时表单会失去光标触发方法，其中一些方法是根据我自己当时的项目需要配合实现的，单独写了个相似的demo总结一下，还有很多可以改进的地方。实现效果html代码<template> <div id="app"> <!-- @cell-dblclick="tableDbEdit" 当单元格被双击击时.

2021-02-01 14:23:32 6141 7

原创 vue父子组件之间的传值 - 子向父传值

组件是可复用的 Vue 实例，且带有一个自行定义的名字：在这个例子中是 childTemplate此次为实现通过点击子组件内的按钮触发方法，将子组件的值传递给父组件使得父组件数据内容改变对于子组件向父组件传值用简单的话来说，就是父组件在子组件上使用v-on绑定自定义方法名，子组件使用$emit触发父组件绑定的的事件并且传值在vue中，父子组件的关系可以总结为prop向下传递，事件向上传递。父组件通过prop给子组件下发数据，子组件则是通过事件给父组件发送信息。关于$emit的更多解释参考官..

2021-01-26 15:49:53 402

原创 vue父子组件之间的传值 - 父向子传值

组件是可复用的 Vue 实例，且带有一个自行定义的名字：在这个例子中是 childTemplate此次为实现将父组件的数组tableData传入子组件并在子组件内使用展示简单来说，就是父组件使用v-bind绑定自定义属性，子组件使用props接收文档摘取：所有的 prop 都使得其父子 prop 之间形成了一个单向下行绑定：父级 prop的更新会向下流动到子组件中，但是反过来则不行。这样会防止从子组件意外变更父级组件的状态，从而导致你的应用的数据流向难以理解。关于prop的更多解释参考官网文档.

2021-01-26 14:56:16 451

原创匹配字符串中两个#号之间的内容并分割为数组

匹配字符串中两个#号之间的内容并分割为数组(不包含#号)let query_where = “匹配字符串中#两个井号#之间的#内容#并分割为数组”let str = query_where.match(/#(.+?)#/g).toString().replace(/(#)/g, "")let arr = str.split(",")console.log(arr)...

2020-12-30 16:11:00 624

原创在输入框输入时限制输入框只能输入正整数以及两位小数正则表达式

在输入框输入时限制输入框只能输入正整数以及两位小数正则表达式<input placeholder="金额" oninput="value=value.replace(/[^1-9]/g,'')"><input placeholder="金额" oninput="value=value.replace(/^\D*(\d*(?:\.\d{0,2})?).*$/g, '$1')">

2020-12-30 16:03:10 4205 2

原创基于vue-cli3搭建项目(各项配置注释详解)

选择要存放的目录cmd打开命令行工具，vue-cli3的创建命令与之前版本存在部分不同，需要配合使用cli3的环境，若非对应版本的环境，命令行会进行语句提示。npm uninstall -g vue-cli //卸载原有环境npm install -g @vue/cli //安装cil3环境环境安装完成后，重新使用语句创建项目vue create vue-demo //vue-demo 是项目文件夹名称随后会提示进行一些初始化设置，可以根据实际需要进行选择? Please pi.

2020-12-30 15:49:53 384

原创 vue判断多个时间是否重复且当前已选时间是否铺满24小时

vue判断多个时间是否重复且当前已选时间是否铺满24小时//首先将获取到的时间区间转换为秒数并存为一个新的数组let timeArr = []//循环获取到的时间区间并调用转换秒数的方法获得时间区间的秒数数组for(let i = 0;i<this.timeList.length;i++){ timeArr.push([this.getTimeSecond(this.timeList[i].period.start),this.getTimeSecond(this.ruleList[i].p

2020-10-23 17:23:31 1885 1

原创 element-ui日期选择器设置禁止选择时间（禁止选择今天之前或包含今天）

需求背景：禁止用户在输入内容的时候选择今天以前的日期或者包含今日的日期 <el-date-picker value-format="yyyy-MM-dd" v-model="form.strategy.date" type="daterange" range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期" :pi...

2020-04-27 15:20:31 16485 4

原创 vue+ elelment-ui +tree树形组件背景颜色的修改，点击节点背景颜色修改设置为其他颜色，或是样式不生效的原因

本文仅作为我在初次学习vue+element-ui路上碰到的一些问题以及解决的办法的记录，不论问题的难易程度，于我而言是一种成长过程的记录，望大佬勿喷。vue+ elelment-ui +tree树形组件背景颜色的修改，直接在Element官网拷贝过来的树形组件背景颜色是白色，每次点击以及鼠标悬浮上后会有一个偏灰的背景颜色。如图但是如果我需要用树形组件放在一个黑色背景或其他背景颜色时，树形自...

2019-03-17 13:10:55 24585 6

王阿储的博客