![](https://img-blog.csdnimg.cn/20190924194953730.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
Vue
文章平均质量分 53
Vue (读音 /vjuː/,类似于 view) 是一套用于构建用户界面的渐进式框架。
lvan找不到bug
清酒半壶·风雨鄢然
展开
-
个人的一些前端开发面试总结
个人的一些面试问题,记录一下以供参考和学习。原创 2021-06-23 14:44:40 · 359 阅读 · 2 评论 -
vue 项目中封装cookie、cache
我们在项目中通常会对cookie进行一些操作,为了便于全局调用cookie,会对cookie的设置、获取及删除方法进行封装成一个工具类。原创 2021-05-25 10:21:28 · 834 阅读 · 0 评论 -
解决:使用 nrm ls 报错 internal/validators.js:124 throw new ERR_INVALID_ARG_TYPE(name, ‘string‘, value)
使用 nrm ls 报错 internal/validators.js:124 throw new ERR_INVALID_ARG_TYPE(name, 'string', value);原创 2021-05-10 10:21:39 · 587 阅读 · 1 评论 -
ESlint 语法检测配置项
ESLint是一个用来识别 ECMAScript 并且按照规则给出报告的代码检测工具,使用它可以避免低级错误和统一代码的风格。原创 2021-04-28 14:06:18 · 190 阅读 · 0 评论 -
el-date-picker的时间段限制(只允许选择当月的最后一天和下月的第一天)
<script src="//unpkg.com/vue/dist/vue.js"></script><script src="//unpkg.com/element-ui@2.14.1/lib/index.js"></script><div id="app"><template> <div class="block"> <span class="demonstration">默认</sp原创 2020-12-24 09:57:14 · 4029 阅读 · 0 评论 -
vue中如何使用websocket
WebSocket是一种网络传输协议,可在单个TCP连接上进行全双工通信,位于OSI模型的应用层。WebSocket协议在2011年由IETF标准化为RFC 6455,后由RFC 7936补充规范。Web IDL中的WebSocket API由W3C标准化。WebSocket使得客户端和服务器之间的数据交换变得更加简单,允许服务端主动向客户端推送数据。在WebSocket API中,浏览器和服务器只需要完成一次握手,两者之间就可以创建持久性的连接,并进行双向数据传输。原创 2020-11-24 10:50:10 · 12583 阅读 · 5 评论 -
element表单中一个el-form-item下多个form-item项校验(循环校验)
在vue+elementUI的项目中,需要对form表单下的一个form item中校验多项数据,如下图:代码实现(需要注意prop的值):<template> <el-form :model="form" ref="ruleForm" label-width="100px"> <el-form-item label="负责人" prop="principal" :rules="rules.principal"> <el-input v原创 2020-08-28 21:16:25 · 21771 阅读 · 7 评论 -
vue项目本地开启https访问模式
在实际开发中,我们会以https形式进行页面访问,但是根据vue-cli的版本不同,配置方式也有所差异,以下分别从vue-cli3.x和vue-cli2.x构建的项目分别进行配置开启https:原创 2020-08-05 18:09:23 · 72189 阅读 · 15 评论 -
vue 中 axios 封装及使用
在开发vue项目中,和后台交互获取数据这块,我们通常使用的是axios库,它是基于promise的http库,可运行在浏览器端和node.js中。它有很多优秀的特性,例如拦截请求和响应、取消请求、转换json、客户端防御XSRF等。可根据项目需要对axios进行了二次封装,以便于对接口api进行统一管理原创 2020-07-24 17:56:17 · 448 阅读 · 0 评论 -
el-cascader 级联选择器根据接口动态加载数据
主要思路:通过 lazy 开启动态加载,并通过 lazyLoad 来设置加载数据源的方法。lazyLoad方法有两个参数,第一个参数 node 为当前点击的节点,第二个resolve为数据加载完成的回调(必须调用)。原创 2020-07-17 17:57:13 · 9232 阅读 · 13 评论 -
vue + el-menu 实现菜单栏无限多层级分类
思路:数据格式须为数组内部多层嵌套模式,利用递归渲染菜单栏数据实现菜单多层级分类。1.模拟菜单数据,引入封装组件<template> <div class="container"> <el-container> <el-header>Header</el-header> <el-container class="container-body"> <el-aside .原创 2020-07-03 17:02:25 · 11181 阅读 · 17 评论 -
hightcharts 自定义图例点击事件(显示当前数据,隐藏其它)
highcharts图表自带的图例点击事件是:点击某个显示/隐藏的图例,该图例对应的series就隐藏/显示。需求方这边的需求是:1:默认全部展示所有分类2:点击某一个分类,则隐藏其他分类3:如果再次点击这个分类,则全部显示4:如果点击了A,再点击了B,则显示A和B于是乎只能自定义图例点击事件。// 数据列展示/隐藏的逻辑函数getVisibleMode(series, se...原创 2020-05-08 10:55:03 · 1960 阅读 · 1 评论 -
axios设置请求超时时间 timeout
1.axios全局设置网络超时axios.defaults.timeout = 30 * 1000; // 30s2.单独对某个请求设置网络超时axios.post(url, params, {timeout: 1000}) .then(res => { console.log(res); }) .catch(err=> { console...原创 2020-03-27 19:36:43 · 28847 阅读 · 3 评论 -
解决:el-dropdown-item / el-breadcrumb-item组件的点击事件无效
在vue项目中使用 element-ui 组件库时,经常会用到类似 el-breadcrumb面包屑 或者 Dropdown下拉菜单的组件。有时需要在子项上添加click事件,但是官方文档中并没有给出 el-dropdown-item /el-breadcrumb-item 的点击事件。原创 2020-02-28 18:53:26 · 5163 阅读 · 0 评论 -
VSCode 用户自定义html,vue模板
现如今前端用的最多开发工具恐怕就是Visual Studio Code,但我们每次新建html模板时候,是否总是感觉太单调,如果能像其他编辑器样能定制一套属于自己的模板那该多好,其实是完全可以的。1. 找到html.json文件2. 找到html.json文件后即可自定义设置H5模板附:h5模板代码 "h5 template": { "prefix": "!", //...原创 2019-07-27 14:58:36 · 2225 阅读 · 2 评论 -
vue中this.$set的用法:解决视图数据不更新问题
我们在使用vue进行项目开发的过程中,可能会遇到一种情况:当生成vue实例后,当再次给数据赋值时,有时候并不会自动更新到视图上去。这是因为当vue中的data里边声明或者已经赋值过的对象或者数组(数组里边的值是对象)时,向对象中添加新的属性,如果更新此属性的值,是不会更新视图的。如下代码,给person对象新增age属性:data () { return { person...原创 2020-01-03 16:17:46 · 7509 阅读 · 1 评论 -
vscode离线安装插件方法
在实际工作中,由于大多开发环境为内网开发,无法连接外网,需要进行离线安装相应插件,此文用于记录vscode离线安装插件方法。1. 方法一: ① 到vscode官网https://marketplace.visualstudio.com/vscode搜索需要使用的插件名称 ② 下载对应扩展程序文件 ③ 到vscode中选择 "从VSIX安装" ④ 选择...原创 2019-12-14 21:50:15 · 12332 阅读 · 6 评论 -
前端工作初始化常用操作配置
作为前端小白初进入公司,拿到新电脑后第一件事应该做什么,当然是安装的一些必备软件及相关配置操作,此文作为记录个人常见配置。原创 2019-12-14 21:55:57 · 581 阅读 · 0 评论 -
Vue router / Element 重复点击导航路由报错解决方法
写 Vue 项目中,使用 Element-ui 重复点击导航路由会报错,报错信息如下:虽然此报错并不会影响项目运行,但是作为一个强迫症的码农的确受不了error,解决方法如下:方法①:把项目依赖的 node_modules 文件夹删除, 然后再 npm install 重新下载依赖包,如果安装的 vue-router 还是之前出错的那个版本,在项目目录下运行 npm i vue-rou...原创 2019-10-12 20:06:32 · 5329 阅读 · 9 评论 -
Vue去掉警告 You are running Vue in development mode......
解决Vue控制台提示警告内容:您正在以开发模式运行Vue。在部署生产时,请确保打开生产模式。解决方案:添加 Vue.config.productionTip=false<script type="text/javascript" src="./js/vue.js"></script><script>Vue.config.pr...原创 2019-09-24 19:39:08 · 9367 阅读 · 1 评论