随笔分类 -  vue

1 2 下一页
vue单文件中，解决相同ref出现多个的问题
摘要：table中嵌套表单，添加节点就会新增一条表单，表单需要校验所以设置ref。但是每条ref都一样的话会出现问题。当IP重复，删除一条表单数据时，剩下的再点击检测，提示ref的值为undefined 参考：https://www.cnblogs.com/vickylinj/p/14190434.htm 阅读全文
posted @ 2021-12-18 17:42 九许尘歌 阅读(2408) 评论(0) 推荐(0) 编辑
elementUI表单校验汇总
摘要：场景一：动态输入框，并对输入框内容做特殊字符校验 <el-form-item v-for="(items, index) in serviceRuleForm.expression" :key="index" :label="index 0 ? '表达式' : ''" :prop="'express 阅读全文
posted @ 2021-08-19 15:47 九许尘歌 阅读(568) 评论(0) 推荐(0) 编辑
前端实现下载文件
摘要：前端经常会遇到导出文件或下载的功能，其本质就是下载后端的流信息并用Excel保存下来 方案1： this.$http({ method: 'GET', url: '/manageApi/exportApiInfoToExcel', params: {ids: this.multipleSelecti 阅读全文
posted @ 2021-02-26 15:18 九许尘歌 阅读(369) 评论(0) 推荐(0) 编辑
动态表单如何对部分表单字段校验
摘要：开发中遇到可以动态添加的表单，对这样的表单校验是比较头疼的。现做如下总结 如下图，计算节点中的表单是可以动态添加和删除的 1.主机名之间和ip之间不可重复2.主机名输入框的内容需调接口，查看该主机是否可用3.由于是动态添加的，需要对每一个输入框内容精准校验 数据结构如下： auditFormData 阅读全文
posted @ 2021-02-04 12:58 九许尘歌 阅读(935) 评论(0) 推荐(1) 编辑
vue中表格数据已改变，页面却未更新数据。强制更新数据
摘要：最近开发中遇到个问题： 表格先获取数据，之后再次操作数据后需要更新表格数据。 此时数据已经修改，但是表格中未显示最新数据。 解决：重新渲染表格 下文列举了3种方法，说说使用体验吧。 1. 使用v-if重新渲染表格。由于我的逻辑需求必须使用v-show，所以我这里重新设置了v-show，但延迟比较严重 阅读全文
posted @ 2021-01-20 09:38 九许尘歌 阅读(6173) 评论(0) 推荐(0) 编辑
饿了么UI结合v-if使用多个表格时表格显示的数据发生错位
摘要：最近开发遇到个坑，当页面中使用v-if控制显示隐藏表格时，表格列显示数据错位。 具体如下： 在dialog中使用了一个表格，并且是有合并列的，点击下一步会再使用另一个表格。问题出现了，表格2中从第3列数据出现数据错位，并且最后一列数据不显示。经过多次尝试并未解决，后来想到了表格1使用了合并列，且正好 阅读全文
posted @ 2021-01-16 17:23 九许尘歌 阅读(626) 评论(0) 推荐(0) 编辑
使用elementUI动态增减表单项 且 使用自定义校验
摘要：如题，实现过程中遇到问题如下： 1. elementUI动态增减表单项时只能使用行内校验 2. 自定义校验在行内如何设置才生效 先看下官网上的： 对比数据结构，注意下prop的写法。如果你的数据就是个数组，比如：domains：['123', '456', '789']。就要写成：:prop="'d 阅读全文
posted @ 2020-11-26 15:06 九许尘歌 阅读(2103) 评论(0) 推荐(0) 编辑
使用elementUI如何在输入框边输入边校验
摘要：输入框有个需求，“长度在3-20之间”，想要用户边输入边校验，而不是等输入完了点击提交的时候再校验 输入框有个input事件，尝试过将校验的触发条件改成 trigger: 'input'，并不是生效 解决方案： 输入框添加input事件： 再手动触发检验规则： 检验规则根据自己需求添加即可 阅读全文
posted @ 2020-11-13 10:46 九许尘歌 阅读(3835) 评论(0) 推荐(0) 编辑
vue剪切板功能
摘要：项目中用到了点击一个按钮，复制一段文字的功能 使用 vue-clipboard2 安装：使用下面的方式或者在package.json中配置好后 直接npm install npm install --save vue-clipboard2 在main.js中配置： import VueClipboa 阅读全文
posted @ 2020-09-27 16:26 九许尘歌 阅读(883) 评论(0) 推荐(0) 编辑
element-ui时间日期选择器不能修改问题的解决
摘要：项目中使用到了，时间日期选择器。新建表单数据的时候没有问题，但是在编辑的时候，时间日期回显，这时却改不了数据。实际情况是，打开控制台的vue调试发现，model已经修改，但是页面的view数据却没有修改。 编辑的时候，修改了时间，控制台中能看到已修改，可是页面上确没修改而且也不能删除，出现这样的问题 阅读全文
posted @ 2020-09-27 14:35 九许尘歌 阅读(4621) 评论(0) 推荐(0) 编辑
vue中使用axios获取本地json文件
摘要：前端在还没有拿到接口的时候想调试怎么办呢，可以根据后端的数据格式造些假数据，存为json文件。 main.js中使用axios： import Vue from 'vue'; import axios from "./utils/axios"; Vue.prototype.$http = axios 阅读全文
posted @ 2020-08-20 11:58 九许尘歌 阅读(5062) 评论(0) 推荐(1) 编辑
vue-cli项目中找不到jquery问题解决
摘要：问题阐述： vue项目已经引入了jquery import $ from 'jquery' 但是在后面开发中却报undefined，如下图： 问题解决： 修改webpack 配置：build/webpack.base.conf.js中添加如下plugin 这个插件在加载某个模块时，如果遇到了未定义的 阅读全文
posted @ 2020-08-20 10:33 九许尘歌 阅读(1035) 评论(0) 推荐(0) 编辑
vue表单点击按钮新增表单输入框（可扩展所有表单类型）
摘要：项目中，有一些特殊需求的表单，例如点击按钮，新增一行输入框 实现如下： <el-form-item v-for="(domain, index) in ruleForm.domains" :label="index 0 ? '解析服务域名：':''" :key="domain.key" :prop= 阅读全文
posted @ 2020-08-11 16:31 九许尘歌 阅读(5593) 评论(0) 推荐(0) 编辑
vue分页组件在火狐中的样式问题
摘要：谷歌中没问题的，但在火狐中出现如下问题： 打开控制台，看到该元素的type是number： 将type是改为其他的，如text，可以看到样式没问题了： 代码中修改： mounted() { this.$refs.pagination.$el.querySelector('.el-pagination 阅读全文
posted @ 2020-08-05 12:16 九许尘歌 阅读(279) 评论(0) 推荐(0) 编辑
vue项目中填写一个内容后另一项内容为必填时表单验证
摘要：问题描述：vue项目中有个需求，表单中有2个内容是有联系的，2个都不填写时为非必填，但是填写一个内容后另一项内容为必填。这时的表单验证如何做？ 1、rule部分的内容正常填写 2、在html部分添加如下内容 阅读全文
posted @ 2020-07-21 15:01 九许尘歌 阅读(2206) 评论(0) 推荐(0) 编辑
elementUI的分页组件只支持上下翻页，不支持跳转页码
摘要：项目需求：接口获取的数据量超大，所以不支持跳页，只支持点击上一页下一页的翻页功能。 1、知道数据一共多少条 原来的样子： 改造后的样子： 所以做如下修改： 2、不知道数据一共多少条 这时需要考虑的问题是：第一页时 上一页这个按钮不可点击，最后一页时 下一页这个按钮不可点击。 接口数据：因为数据量超大 阅读全文
posted @ 2020-07-14 14:43 九许尘歌 阅读(2156) 评论(0) 推荐(0) 编辑
vue项目中使用v-if的内容如何进行表单验证
摘要：项目中使用了v-if的部分在v-if为true时会有无法进行rules的表单验证： 如下图所示：会有小红星号的提示，但是鼠标blur之后不会出现message的提示信息 解决方法： 给使用v-if的部分，增加一个key，并确保key是唯一的 再设定好rules： 参考文章：https://www.c 阅读全文
posted @ 2020-06-10 18:11 九许尘歌 阅读(3105) 评论(0) 推荐(2) 编辑
vue中子组件的生命周期问题
摘要：举例：父组件是个表格，点击表格中的按钮，打开子组件dialog。子组件的生命周期在父组件刷新时已经全部执行。在打开dialog瞬间执行的有beforeUpdate及以后的 生命周期钩子 详细 beforeCreate 在实例初始化之后，数据观测(data observer) 和 event/watc 阅读全文
posted @ 2020-06-09 16:24 九许尘歌 阅读(1722) 评论(0) 推荐(0) 编辑
element-ui+vue-treeselect校验
摘要：element-ui+vue-treeselect下拉框的校验 问题陈述： 在element-ui中有自带的表单验证，但是使用的vue-treeselect无法验证 vue-treeselect DEMO如下： 问题呈现： 当vue-treeselect组件已选内容之后，检验提示仍然存在，eleme 阅读全文
posted @ 2019-03-11 19:17 九许尘歌 阅读(8599) 评论(0) 推荐(0) 编辑
vue中动态样式不起作用？ scoped了解一下
摘要：vue中style标签使用属性scoped的注意事项 style上添加属性scoped可以实现样式私有化，但是在使用动态样式时，样式会不起作用。可以先去掉scoped 阅读全文
posted @ 2018-07-25 10:06 九许尘歌 阅读(2348) 评论(0) 推荐(0) 编辑

1 2 下一页
点击右上角即可分享
微信分享提示