摘要：1.在src目录下新建一个util目录 2.新建一个CommonUtil.js文件 这里我以集合去重方法为例 //根据code去重 export function removeDuplicate (arr) { let obj = {}; arr = arr.reduce((newArr, next
阅读全文
摘要：#自定义vue组件发布npm仓库 参考链接：自定义vue组件发布npm仓库
阅读全文
摘要：1.为了防止出现下面的尴尬局面，主页内容撑大，没有滚动条 2.全局给el-main设置固定高度，多出的内容会自动出现滚动条，主要是紫色部分代码 <template> <div> <el-container> <Aside></Aside> <el-container> <el-header> <He
阅读全文
摘要：1.为了防止出现下面的尴尬局面，主页内容撑大，没有滚动条 2.全局给el-main设置固定高度，多出的内容会自动出现滚动条，主要是紫色部分代码 <template> <div> <el-container> <Aside></Aside> <el-container> <el-header> <He
阅读全文
摘要：1.组件代码 <el-form-item label='收益日期' prop='payTime'> <el-date-picker v-model='form.revenueTime' value-format='yyyy-MM-dd' type='date' placeholder='选择日期'>
阅读全文
摘要：1.报错 Error in callback for immediate watcher "maxHeight": "TypeError: Cannot read... 解决方案 如下，参考紫色部分 <div class='tableList'> <el-table class='tableCss'
阅读全文
摘要：1.使用for循环 let payMethod = [] for (const val of list) { var param = {} param.code = val.type param.name = val.typeName payMethod.push(param) }最终，转换成了新的
阅读全文
摘要：Vue中子组件调用父组件的方法，三种方法 第一种方法是在子组件中通过this.$parent.event来调用父组件的方法（注意：有时候用到第三方框架，需要多套几层$parent） 父组件： <template> <div> <child></child> </div> </template> <s
阅读全文
摘要：1.问题 开发中，vue项目一般在index.vue组件中包含aside.vue组件，以及Header.vue组件，一般在index.vue中请求接口，把数据传给aside和header组件。 2.Storage方案（localStorage和sessionStorage同理） 2.1在main.j
阅读全文
摘要：1.prettier插件的作用 这个插件可以自动把变量中的双引号自动在格式化的时候转成单引号，把大括号后面的分号自动去掉，使之更符合eslint的语法规范。 2.使用步骤 在vue项目的根目录下新建'.prettierrc'文件，文件中新增下面的内容 { // 自动隐藏或取消行尾的分号 "semi"
阅读全文
摘要：1.最终效果 2.html代码 <el-table :data="tableData" border style="width: 100%"> <el-table-column type="index" label="序号" width="50"></el-table-column> <el-tab
阅读全文
摘要：1.创建项目 2.清空工作 1.删除了src/assets、components、views 2.重置App.vue <template> <div>123</div> </template> <script> export default { } </script> <style> </style
阅读全文
摘要：之所以会报错，是因为项目中引入了ESLint，所以语法校验比较严格，建议不用，不然双引号分号还有多行空格都会报错
阅读全文
摘要：需求：vue项目如何使用element-ui的弹框提示？ 1.现在element.js中引入Message，并全局注册到Vue对象中；使用方法为：this.$message import Vue from 'vue' import { Button, Form, FormItem, Input, M
阅读全文
摘要：需求：点击登陆，先校验，校验通过再调后台接口1.给登陆按钮绑定点击事件：@click="login"；2.实现login函数，并调用validate方法，返回值为true，则说明验证通过，再去调后台登陆接口。代码如下： <template> <div class="login-container">
阅读全文
摘要：需求：点击重置按钮，重置登陆表单 1.在表单中引入ref="loginFormRef"属性，loginFormRef值可以自定义； 2.给重置按钮绑定点击事件：@click="resetLoginForm"； 3.实现点击事件触发的方法，得到引入的属性值对象，调用resetFields方法，即：th
阅读全文
摘要：需求：element-ui如何给表单添加参数验证？1.在需要校验的表单上绑定校验规则：:rules="loginFormRules"；2.在data中定义loginFormRules规则对象：loginFormRules：{username: [{ required: true, message:
阅读全文
摘要：vue-cli工具帮我们创建的vue项目，默认没有安装less-loader，所以项目运行时会提示：can't resolve ’less-loader‘。 想要使用下面的less语法，就必须先安装less-loader的开发依赖 <style lang="less" scoped> .login-
阅读全文
摘要：这个步骤同安装插件的步骤。 1.参考前一篇文章，创建vue项目，并安装element-ui插件； 2.找到依赖，点击安装依赖； 3.搜索axios，安装依赖； 4.至此，axios已安装成功。
阅读全文
摘要：1.运行vue ui 命令，打开图形化界面；参照：https://www.cnblogs.com/hujunwei/p/13351314.html创建一个vue项目。 2.点击插件，添加插件； 3.搜索vue-cli-plugin-element并安装； 4.配置插件，实现按需导入，从而减少打包后项
阅读全文
浙公网安备 33010602011771号