07 2021 档案
摘要:这篇文章主要介绍下vue-cli3.0项目搭建,项目结构和配置等整理一下,分享给大家。 一、介绍 Vue CLI 是一个基于 Vue.js 进行快速开发的完整系统。有三个组件: CLI:@vue/cli 全局安装的 npm 包,提供了终端里的vue命令(如:vue create 、vue serve
阅读全文
摘要:遇到这种情况呢,一般是你没有完整安装的,你应该安装 npm i -g vue-cli 1.输入 npm config list 查看目录 找到 prefix 目录下对应的地址 然后在该目录看是否有Vue的相关执行文件 如果有的话执行 vue --version vue -V vue-cli --ve
阅读全文
摘要:一、什么是localStorage 对浏览器来说,使用 Web Storage 存储键值对比存储 Cookie 方式更直观,而且容量更大,它包含两种:localStorage 和 sessionStorage sessionStorage(临时存储) :为每一个数据源维持一个存储区域,在浏览器打开期
阅读全文
摘要:项目中遇到的需求: 输入框默认获取焦点,回车后选中文本信息 <input ref="code" type="text" @keyup.enter="enterPress()" v-model="code"/> export default { data() { return { code:'', }
阅读全文
摘要:场景 要实现的效果是 那么就要用到怎样将这个el-table清空,即在vue中怎样将数组清空。 实现 首先将这个el-table与一个数组实现双向绑定 <el-table v-loading="loading" :data="bcglXiangXiList" :row-class-name="row
阅读全文
摘要:场景 使用el-table进行数据的展示时,某些列不需要展示,但是需要其存在。 比如查询数据时要获取对象的ID属性,在展示时不需要展示ID这一列, 但是在进行编辑时需要获取该ID。 实现 可以通过在el-table-column上添加 v-if="false" 来实现 完整示例代码 <el-tabl
阅读全文
摘要:1、用法不对 要想this.$refs['form'].resetFields()方法有效,必须配置el-form :model 属性和el-form-item中的prop属性,才可以。 2、坑1 在还没有显示对话框之前就调用this.$refs['form'].resetFields(),会报错。
阅读全文
摘要:第一次访问 200 鼠标点击二次访问 (Cache) 按F5刷新 304 按Ctrl+F5强制刷新 200 在客户端向服务端发送http请求时,若返回状态码为304 Not Modified 则表明此次请求为条件请求。在请求头中有两个请求参数:If-Modified-Since 和 If-None-
阅读全文
摘要:效果 代码实现 <template> <div class="app"> <el-form ref="form" :model="form"> <el-form-item label="手机品牌"> <el-select v-model="form.phoneBrand" placeholder="
阅读全文
摘要:1、父子组件传参: 在app.vue文件里引入公共的header 和 footer <template> <div id="app"> <el-header v-if="header_show"></el-header> <router-view v-on:public_header="public
阅读全文
摘要:转载出处: https://www.cnblogs.com/long88-club/p/11055848.html 服务发现——Netflix Eureka 客服端负载均衡——Netflix Ribbon 断路器——Netflix Hystrix 服务网关——Netflix Zuul 分布式配置——
阅读全文