vue中将分号去掉，将双引号变为单引号的配置
摘要：在项目根目录下创建.prettierrc文件，文件内容如下： { "semi": false, "singleQuote": true } 实现vs code中代码格式化快捷键:【Shift】+【Alt】+F，格式化后发现所有的分号被删除，所有的双引号变为了单引号
阅读全文
posted @
2020-10-21 15:00
周文豪
阅读(1931)
推荐(0) 编辑
vscode的代码片段
摘要：一、快速创建一个vue单文件组件 "Create a new Component": { "prefix": "vue", "body": [ "<template>", " <div>$1</div>", "</template>", "", "<script>", "export default
阅读全文
posted @
2020-10-21 11:35
周文豪
阅读(273)
推荐(0) 编辑
基于3.X版本的脚手架创建VUE项目
摘要：一、基于交互式命令行的方式，创建vue项目 1、命令：vue create 项目名称。项目名称必须是英文的。不要包含中文、特殊的字符和符号。在cmd中输入命令：vue create vue_project_01,此时会提供一个交互式的面板，来询问我们安装哪些功能。 手动选择某些功能来创建项目，推荐选
阅读全文
posted @
2020-10-21 09:41
周文豪
阅读(242)
推荐(0) 编辑
频繁的或者大范围的来实现数据的共享要使用Vuex
摘要：一. Vuex 概述 1.1 组件之间共享数据的方式 由于使用频繁，通常将v-bind:属性名=" "的格式简写成:属性名=" ".兄弟组件之间的共享即不相干组件之间的数据共享。 子组件： //子组件接受数据 props: ['nodeName'], // 子组件触发listenToAuditor事
阅读全文
posted @
2020-10-15 15:18
周文豪
阅读(477)
推荐(0) 编辑
Element-UI远程搜索功能详解
摘要：官方代码： <template> <div> <el-autocomplete v-model="state" :fetch-suggestions="querySearchAsync" placeholder="请输入内容" @select="handleSelect" ></el-autocom
阅读全文
posted @
2020-09-29 11:45
周文豪
阅读(5265)
推荐(0) 编辑
vue之过滤器
摘要：NOTICE：过滤器写在标签中时时没有参数的。 1、将从后台获取的数据是数字转换成文字 <el-table-column v-if="NameListOfOutConfig.includes('状态')" label="状态" align="center" width="80"> <template
阅读全文
posted @
2020-09-25 19:19
周文豪
阅读(212)
推荐(0) 编辑
vue之v-for遍历下拉框select和单选框组radio-group
摘要：1、v-for遍历下拉框 <el-form-item label="审核状态:" prop="status"> <el-select v-model="listQuery.status" clearable filterable placeholder="请选择状态" > <el-option v-
阅读全文
posted @
2020-09-24 17:07
周文豪
阅读(5548)
推荐(0) 编辑
正则校验
摘要：1、正则校验批次 var checkBatch = (rule, value, callback) => { if (value != null) { const regBatch = /^[0-9a-zA-Z_-]*$/ if (regBatch.test(value)) { return cal
阅读全文
posted @
2020-09-23 19:28
周文豪
阅读(848)
推荐(0) 编辑
vue之provide和inject跨组件传递属性值失败（父组件向子组件传值的两种方式）
摘要：简单介绍：当一个子组件需要用到父组件的父组件的某些参数。那么这个时候为了避免组件重复传参，使用vue的依赖注入是个不错的方法，直接在最外层组件设置一个provide，内部不管多少嵌套都可以直接取到最外层的参数。 provide/inject可实现跨组件传值，数据的流只能是向下传递，其中父组件prov
阅读全文
posted @
2020-09-20 13:48
周文豪
阅读(2711)
推荐(0) 编辑
管理