解决Vue打包后背景图片路径错误问题

        今天在插入背景图片过程中,遇到了路径错误的问题,通过网上查询,找到了解决的办法,但是大部分都没有讲造成这种问题的原因,故我简单地总结了一下,并加入了一些自己的理解,欢迎共同探讨~         当用vue-cli自动构建项目后,有两种运行方法,分别是:         npm...

2017-12-21 17:40:10

阅读数 15481

评论数 0

在vue+element ui框架里怎么用lodash的debounce防抖

事情起因在:我使用element ui框架里的远程搜索框,在单选时,组件内部已经做了防抖,query是在一段时间内的字符串。但是在多选时,并没有做防抖,而是每输入一个字符都要向后台发一次请求,所以必须防抖,官方推荐使用lodash的debounce 在解决这个问题时,我遇到的坎儿主要有以下: ...

2018-08-30 14:18:58

阅读数 4414

评论数 0

js中声明提前

在js中,用var声明的变量或者函数,都会被提升到作用域最前面,但只是声明提前,赋值并不会提前 alert(a) //结果是undefined var a = 3; b; //结果是undefined var b = function() { alert(3); }...

2018-08-28 16:23:37

阅读数 172

评论数 0

element ui 框架自定义主题色

在命令行上,步骤很简单: 首先安装「主题生成工具」 npm i element-theme -g 安装主题 # 从 npm npm i element-theme-chalk -D # 从 GitHub npm i https://github.com/ElementUI/theme-c...

2018-08-22 14:20:27

阅读数 1486

评论数 0

将字符串处理首字母相同放在一起变成数组

有一个题:将'AT/Aq/CD/BA/BC/TH/TG/RT/EW/BH/JA/TR/Cv/Bp'这种类型的字符串处理,将首字母相同的放在一起,并且用/连接,首字母的顺序按照字母表排序,最终变成这样的形式:["AT/Aq", "BA/BC/BH...

2018-08-18 16:18:49

阅读数 359

评论数 0

word-break和word-warp和white-space的相同与不同

word-break:在单词内怎么断行 normal — 英文不换行,cjk自动换行 break-all — 对于中文/日文/韩文,可在任意字符间断行,会挤在一起,乱断句 keep-all — CJK不断行,英文也不换行 break-word — 和word-warp:break-word...

2018-08-08 14:57:04

阅读数 95

评论数 0

javascript权威指南第一章贷款计算器代码

<!DOCTYPE html> <html lang="en" dir="ltr"> <head&...

2018-08-03 16:47:20

阅读数 450

评论数 0

访问对象的两种方法

在javascript中,可以选择两种方法来获取对象中的值 通过.访问对象的属性     a.top 通过中括号访问对象的属性      a['top']

2018-07-31 21:24:01

阅读数 106

评论数 0

滚动条如何自定义样式

浏览器默认的滚动条可能会不满足pm的需求,所以我们可以自定义浏览器的滚动条样式。 Thumb: 滚动条本身, Track: 滚动条下面的轨道 Buttons: 滚动条轨道的两端。 Corner: 两个滚动条的交点 Resizer: 两个滚动条的交汇处上用于通过拖动调整元素大小的小控件。 ...

2018-07-24 19:42:29

阅读数 240

评论数 0

如何在element UI框架表单里的必填项做表单验证

需求:表单里必填项需要有红色星号标识,当未填写时显示中文提示语 思路:表单项里写required 问题:当表单项的验证规则绑定为blur事件时,表单项内元素清空后,会提示“xx is required”,其中xx是绑定的prop值。 解决办法:在表单项里模拟红色星号的样式,去掉require...

2018-07-21 15:45:02

阅读数 6238

评论数 1

如何使用element ui框架中表格内的数据合并

需求:在表格中展示后台传回的值,当第二列都是面试评价,并且第一列的事件相同时,合并第一二列。具体如下图: 思路: 在获取到后台数据的地方,筛选出待合并的行号,封装在一个数组里(两个 for循环) 在表格上绑定:span-method="handleSameMerge” ...

2018-07-21 15:40:53

阅读数 3072

评论数 0

解决页面内两个表单之间数据相互影响问题

需求:页面先展示不可编辑状态的表单信息,点击编辑按钮,表单信息变为可编辑状态,编辑的内容时,和不可编辑状态的表单之间相互不影响。 解决办法:使用stringify和parse的方法。 问题本质:对象是通过地址指向来获得引用的,所以单纯的用一个新对象指向源对象就是浅拷贝。所以...

2018-07-21 15:37:13

阅读数 1021

评论数 0

解决两个表单切换时验证规则不生效问题

需求:页面先展示不可编辑状态的表单信息,点击编辑按钮,表单信息变为可编辑状态,编辑的内容需要通过验证规则。 思路:写两个表单,绑定不同的数据,第一个表单用于展示,没有验证规则,第二个表单有验证规则,通过v-if切换 问题:第二个表单的验证规则不生效 解决办法:给两个表单分别加key值。 问...

2018-07-21 15:11:21

阅读数 1025

评论数 0

解决element ui文字提示只在首页展示问题

在开发过程中,在表格里使用element ui中的文字提示tooltip时,会出现文字提示只在第一页显示,切换到第二页后,文字提示就无法展示,这时候加一个key即可,具体如下: <el-tooltip content="尚未提交面试评价&...

2018-07-19 13:47:30

阅读数 959

评论数 0

隐藏safari表单输入项右侧出现的图标

在safari浏览器上的表单,点击表单项,有可能出现如图所示的图标:这是浏览器自发的行为,想要隐藏这个图标,在css里加入以下代码即可。input::-webkit-contacts-auto-fill-button { visibility: hidden; display: none ...

2018-07-09 11:08:22

阅读数 426

评论数 0

Vue定义全局函数

对于“在多个组件中需要使用的函数”的需求,我们可以写一个全局函数。在vue中写全局函数的方法是:    新建一个js文件,在里面写全局的方法函数export const getTableData = function (data) { console.log(data); getC...

2018-06-26 14:49:53

阅读数 602

评论数 0

vue中动态绑定图片

当img标签里的图片地址是动态变化时,如果图片不是从后台获取,是在assest文件里时,要现在data里初始化其值用require的方式,具体如下:data () { return { // 导航列表 firstNavList: [{...

2018-06-09 14:44:18

阅读数 1946

评论数 0

path模块解析

在nodejs中,path模块有几个方法比较常见,现在依次说明:path.join()         用于连接路径,会正确地使用当前系统的路径分隔符。path.resolve()    用于将相对路径转化成绝对路径,接受多个参数,依次表示要进入的路径,直到最好一个参数转化为绝对路径,如果参数得不...

2018-06-05 11:11:23

阅读数 196

评论数 0

用elementUI框架与VUE.js结合做成的公司考勤系统

最近做了公司的考勤系统,使用element UI框架和Vue.js,github的链接是https://github.com/liangxh0523/worktime.git    具备以下功能:leader和行政可以查看到团队内成员的出勤和请假信息当员工出勤记录为异常时,可以发送提醒leader...

2018-06-04 15:39:04

阅读数 1884

评论数 0

element框架中表格的筛选功能使用说明

在element ui 框架中,对于table框架,有一个筛选功能,使用方法如下:    1.在要筛选的标签中加:filters属性,它由一个或多个包含text、value值的对象组成的数组。tableStatus: [{ text: '异常', value: '异常' },{ text: '正常...

2018-05-30 17:29:34

阅读数 12937

评论数 0

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