![](https://img-blog.csdnimg.cn/20201014180756754.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
喵酱睡着了
这个作者很懒,什么都没留下…
展开
-
vue中export和export default
export和export default原创 2022-08-26 16:24:33 · 2415 阅读 · 1 评论 -
vue中全局变量
vue中全局变量原创 2022-08-26 16:06:45 · 1883 阅读 · 0 评论 -
js变量及其赋值
js变量原创 2022-08-26 11:08:53 · 304 阅读 · 0 评论 -
ElementUI同时合并行和列
同时合并行和列原创 2022-08-26 10:05:13 · 432 阅读 · 0 评论 -
当曲线的值都为null时,Echarts 的tooltip显示不出来
echarts的tooltip展示不出来问题原创 2022-08-02 09:29:13 · 1023 阅读 · 0 评论 -
解决表单校验提示信息不消失问题以及赋值不生效问题
表单校验不消失问题,赋值不生效问题原创 2022-07-28 18:30:28 · 3481 阅读 · 0 评论 -
实现table某个单元格背景色设置
单元格背景色原创 2022-07-27 14:32:08 · 1491 阅读 · 0 评论 -
table中同一列中合并相同项
table合并相同项原创 2022-07-26 14:31:35 · 656 阅读 · 0 评论 -
el-table单选并隐藏全选框
elementUI中el-table实现单选且隐藏全选框原创 2022-07-02 16:06:00 · 2333 阅读 · 5 评论 -
elementUI穿梭框 el-transfer 列表内容文字超长处理
穿梭框列表文字超长原创 2022-07-01 12:34:55 · 1168 阅读 · 0 评论 -
elmentUI下拉框实现全部功能
1.需求:实现下拉框全选功能2.实现<el-form-item label="人员名称" prop="person"> <el-select v-model="submitForm.person" multiple collapse-tags placeholder="请选择" @change='changeSelect' @remove-tag='removeTag'> <el-option v-if="personDict.length>1" lab原创 2022-04-21 13:48:14 · 660 阅读 · 0 评论 -
elmentUI表单中input 和select长度不一致问题
1.问题现象:2.问题原因:因为el-select右边有一个icon图标(右边的padding为35px),而el-input只有15px,所以就存在了一个宽度的误差.3.解决方法:方法一:当下拉列表 style="width:92%"时,可以与input输入框大小一致<el-form-item label="图标类型" prop="iconId"> <el-select v-model="addEditForm.iconId" placeholder="请选择"原创 2022-04-21 12:32:36 · 7887 阅读 · 1 评论 -
el-table动态表头红色字体设置
需求:表头动态生成,当订单量和实发量不同时,红色标记二者。实现方法:数据结构:针对每一行数据,封装的需要标红的数组使用表格提供的cellStyle方法分析:订单量所在列是3的倍数,实发量所在列是除3余1。行、列和列名称唯一确定红色的所在的表格位置。cellStyle({row,column,rowIndex,columnIndex}) { for(let i=0;i<this.data.length;i++){ for(let j=0; j<原创 2022-04-08 18:15:00 · 1494 阅读 · 0 评论 -
js实现对象中key值的改变
原始对象:const obj={ user_id: 1, user_name:'张三'}期望对象:const obj={ id: 1, userName:'张三'}实现方法:const mapObj = { user_id: "id", user_name: "userName",};const newObj = Object.fromEntries(Object.entries(obj).map(([k, v]) => [mapO原创 2022-04-08 17:54:54 · 272 阅读 · 0 评论 -
前端代码统计
1.VS code在文件中查找,输入正则表达式^b*[^:b#/]+.*$2.SourceCounter步骤一:选择代码类型步骤二:选择文件夹,开始统计原创 2021-06-24 15:49:43 · 648 阅读 · 0 评论 -
vue中对提交等按钮做防抖处理
// 防抖function debounce(func, wait = 300) { let timeout; return function (event) { clearTimeout(timeout); timeout = setTimeout(() => { func.call(this, event); }, wait); };}// 提交按钮中使用handleSubmit: debou原创 2021-06-17 16:21:27 · 675 阅读 · 0 评论 -
行业标准、规范、国家标准
原创 2021-06-17 16:17:20 · 127 阅读 · 0 评论 -
解决密码框自动填充上一个input框
【问题】:遇到密码框,输入后,自动填充其上一个临近的input框【原因】:以Chrome为例,当浏览器遇到type="text"与type="password"的标签紧邻时,会触发浏览器自动填充行为。默认为黄色背景。firefox和360浏览器的处理方式是:只要检测到页面里有满足填充机制的,不管是不是display:none 的,只要检测到就直接往里填充。【解决】:既然浏览器遇到type="text"与type="password"的标签紧邻时触发自动填充行为,则将两个隔开,使用隐藏的方式“欺骗”原创 2021-06-17 13:40:18 · 552 阅读 · 0 评论 -
vue中图片及背景图
方式一:直接写路径<img src="@/assets/logo.png" alt="">方式二: 绑定<img :src="require('./assets/images/logo.jpg')" alt="">// 三元绑定<img :src="OnOff?require('@/assets/icon_blue.png'):require('@/assets/icon_red.png')" alt="" />方式三:引入import radio1 f原创 2021-06-11 17:17:47 · 260 阅读 · 0 评论 -
常用正则校验
1.邮箱/^[a-zA-Z0-9]+([a-zA-Z0-9_\\.\\-])*@[a-zA-Z0-9-]+(\.[a-zA-Z0-9-]+)*\.[a-zA-Z0-9]{2,6}$/2.首尾空格/^[^\s].*[^\s]$/3.移动电话/^[0-9]{11}$/4.固定电话/^\d{3}-\d{8}$|^\d{4}-\d{7,8}$/// 固定电话验证规则:区号+号码,// 区号3位或4位,号码由7位或8位数字组成 。// 区号3位-号码8位// 区号4位-号码7位或8位原创 2021-06-04 09:07:37 · 137 阅读 · 0 评论 -
vue项目目录结构说明文档模板
vue项目中说明文档模板目录结构说明.md文件,如下图:具体文件内容,如下:views中:EquipmentManage:设备管理(仅为拆分代码做示例)||__infomation:设备管理中信息管理模块| || |___sparePart:备品备件| | || | |___component:备品备件功能中拆分出来的组件,组件仅供本功能使用| | |___index.vue:备品备件功能的入口文件 | || |___原创 2021-06-03 10:49:51 · 413 阅读 · 0 评论 -
vue table静态数据及分页
table代码片 <a-table class="whiteSpaceTable" :columns="columns" :dataSource="dataSource" :showHeader="true" :rowKey="record => record.key" :pagination="false" :scroll="{ x: scrollWidth }" > <template slot="in原创 2021-06-02 17:25:23 · 1059 阅读 · 0 评论 -
vue中密码密文登录(js-base64)
使用插件:js-base641.安装依赖npm install --save js-base642.在main.js中引入const Base64 = require('js-base64').Base64new Vue({ el: '#app', Base64})3.在需要转码的文件中使用// 密文const Base64 = require('js-base64').Base64const exStr = Base64.encode('base64')4.项目实例登录原创 2021-05-22 17:01:34 · 452 阅读 · 0 评论 -
vue国际化
使用插件:vue-i18n1.npm安装npm install vue-i18n2.main.js文件中配置import Vue from 'vue';import VueI18n from 'vue-i18n';Vue.use(VueI18n);创建带有选项的 VueI18n 实例const i18n = new VueI18n({ locale: localStorage.getItem("locale") || "zh-cn", // 语言表示,通过切换local来切换本地原创 2021-05-19 15:12:42 · 105 阅读 · 0 评论 -
Vue编码风格
Prop定义尽量详细:指定类型、是否必填、是否固定集合中的一个。Prop命名:在声明 prop 的时候,其命名应该始终使用 camelCase,而在模板和 JSX 中应该始终使用 kebab-case。(props: {greetingText: String} // )页面样式移动到assets下面按业务分类引用。通用处理类、函数、可以提取的复杂处理逻辑、数据清洗过程建议移动到全局utils下,如果是组件专属放到组件所属文件夹下的utils下,以避免组件本身复杂化,进而提升utils的复用效果。.原创 2021-05-14 17:19:09 · 168 阅读 · 0 评论 -
vue 父组件传值给子组件
方法一:父传子主要通过在父组件v-model绑定数据,在子组件进行用props进行数据的接收。父组件:<template> <div id="container"> <Child :msg="data"></Child> </div></template><script>import Child from "@/components/Child";export default {转载 2021-05-14 17:09:40 · 4116 阅读 · 0 评论