.WYc-优快云博客

原创前端面试题总结(暂时先写到这里了)

**前言:金三银四,开始面试,以下记录了几天下来被问到的各种面试题:** 1. http存储方式有哪几种(浏览器缓存机制) ? 状态码分别是 ? - 强缓存: 通过Expires(HTTP/1.0)和Cache-control(HTTP/1.1)两种响应头实现; 两者用于表示过期时间,Expires表示的是绝对时间, Cache-Control表示的是相对时间,其中后者比前者优先级要高. Cache-Con...

2021-03-03 22:49:27 218 1

原创 Vue动态引入本地图片

前言：本次在项目中需要生成一个列表，并根据返回不同的文档类型动态的展示图片，在后台数据没有返回给图片的情况下发现，仅仅使用v-if或v-show判断使用哪一张本地图片，在循环出来的列表中是无法实现效果的，所以用到了动态引入图片1.准备两张图片拷贝到assets目录中2.在Vue文件中引入import a from '../../../assets/image/a.png'impor...

2019-11-13 10:43:19 836

原创格式化日期‘年月日-时分秒’方法

formatDate: function (value) { let date = new Date(value); let y = date.getFullYear(); let MM = date.getMonth() + 1; MM = MM < 10 ? ('0' + MM) : MM; let d = date....

2019-11-13 10:29:02 1424

原创 Vue+Vant组件库提交表单实现上传图片后当加载loading超过一分钟后，设置定时器提示网络错误

前言：这次的项目中遇到了一个需求为：提交表单实现上传图片后当加载loading超过一分钟后，提示提示网络不好，不在页面一直显示loading图标，所以用到了定时器.如下图：1.找到按钮绑定的点击事件@click.native="handleClick" <div class="addSuggset-submit"> <button-big cl...

2019-10-15 09:27:00 2357 1

原创 Vue+iview的表格选中数据点击编辑后，跳转到编辑页后将数据传值到输入框默认显示

前言：在ivew表格中任选一条数据，在操作栏中点击‘编辑’图标，这里我没有用在行间编辑的方式，而是跳转到新的编辑页面，那么就需要路由传参到新的页面显示1.首先给‘编辑’按钮绑定点击事件 { title: '操作', key: 'action', width: 150, align: 'cente...

2019-06-05 11:30:11 4107

原创 Vue+iview在render函数中添加Poptip提示操作

前言：在项目中用到的表格插件中，在最后一栏的‘操作’中我设置了‘编辑’和‘删除’按钮，那么在选择某条数据删除的时候不仅要检查是否选中，提示是否删除还是很有必要的1.没加Poptip之前是这样写的： { title: '操作', key: 'action', width: 150, align: ...

2019-06-05 11:09:31 3429 2

原创 Vue+iview的表格插件在render函数中使用Tooltip文字提示时，文字超出字段长度后被遮挡显示不完全与Tooltip折行问题的解决

前言：最近做项目中表格偏多，而且要展示的字段大部分都很长，在要求将信息完全展示的同时又要保持界面的美观整洁的情况下，我给Table的每个字段都做了宽度限制(同时也是为了适应不同分辨率下显示不受影响)，这样就需要在指定的宽度内显示指定的数据长度，超出的长度隐藏，在Tooltip中完全展示.1.最初我是直接在render中加了Tooltip并且,发现Tooltip确实实现了展示完整数据的功能，但是...

2019-06-05 10:12:35 9303 3

原创 Vue+iview分页组件中添加Go按钮点击变换分页，并跳转到对应的表格页的数据显示

前言：在使用iview分页的过程中发现在输入框输入页码后只有敲击回车才会切换页码，但是人们在使用中通常不会发现这个操作，以致于使得这个组件不太好用，现在我们在插件代码上稍作改动就可以实现点击跳转页码并渲染表格的功能：1.在page组件上绑定一个id="pageId"<template> <Page :total="dataCount" :cu...

2019-06-04 13:50:36 1413

WYc的博客