前端VUE
文章平均质量分 51
日常开发VUE遇到的问题
youyu-youyu
这个作者很懒,什么都没留下…
展开
-
el-input-number/el-input 实现实时输入数字转换千分位(失焦时展示千分位)
el-input-number/el-input 实现实时输入数字转换千分位(失焦时展示千分位)原创 2023-09-27 09:22:12 · 1322 阅读 · 1 评论 -
vue window.print()打印多页页面指定内容 纯前端
来了一个需求,要求做分页pdf文档刚开始以为自己可以,用了插件html2canvas和jspdf (具体可以看我另一篇文章:vue将页面导出pdf,vue导出pdf),做出来了,但是支持下载一页的页面,多页的时候会切割,例如这样所以我用了调用打印的方法iframe.window.print(),让客户自己另存为pdf1先建一个文件PrintView.vue文件内容:这是PrintView.vue的全部代码2、然后在主页全代码这是打印预览的界面,虽然后面有一条横线,但是另存pdf之后是没有的。原创 2022-06-30 11:49:14 · 2619 阅读 · 2 评论 -
vue 聊天页面
需求:店铺需要跟用户对话 聊天原创 2022-06-22 15:54:46 · 2574 阅读 · 0 评论 -
vue js判断日期是否超过三天(或者30天统一判断方法)
vue js判断日期是否超过三天(或者30天统一判断方法)原创 2022-06-10 16:38:30 · 1918 阅读 · 0 评论 -
addEventListenter 监听页面滚动事件 鼠标左键拖拉滚轮
addEventListenter 监听页面滚动事件 鼠标左键拖拉滚轮原创 2022-04-22 15:06:13 · 2682 阅读 · 1 评论 -
日期格式化 默认明天日期 或者时分秒
明天日期时间: new Date(new Date().setDate(new Date().getDate() + 1))格式化成**“2021-11-25”**在methods定义一个方法created(){//调用方法let Day = new Date(new Date().setDate(new Date().getDate() + 1))this.formatDate(Day)},methods:{ formatDate(date) { var year = d原创 2021-11-25 09:24:24 · 618 阅读 · 0 评论 -
[Vue warn]: The client-side rendered virtual DOM tree is not matching server-rendered content.
报错信息:我使用了 vant的一个组件::在使用组件前加上这个东西包裹 就不会报错了其他组件报错也一样,直接包裹就可以<div class="dropDown"> <client-only> <!--<client-only>:在使用组件前加上这个东西包裹 就不会报错了--> <van-cell is-link @click="showPopup"> {{ langua原创 2021-11-16 14:57:12 · 764 阅读 · 0 评论 -
input 警告[DOM] Input elements should have autocomplete attributes (suggested: “new-password“)
使用vant框架里面的form表单 会报这个错误 直接在van-field里加上 **autocomplete=“off”**就不报错了 <van-field autocomplete="off" v-model="form.nowPwd" :type="type" :name="$t('login.password')" :label="$t('choiceOrder.newPasswor.原创 2021-11-16 14:52:19 · 960 阅读 · 0 评论 -
vue+element使用el-calendar日历自定义基本内容获取点击事件
需求:点击日历上的日期 更新下面的数据需求是可以用官网上的基本el-calendar,但是没有点击之后获取日期做其他事情的方法。。。所以只能自己自定义一个了,做完的图如下图,默认选择当天+1天第一步:HTML的内容 <el-calendar v-model="calendar.productDate" :style="!showCalendar ? 'pointer-events: none; color: #eee' : ''" > //sho原创 2021-11-16 11:01:28 · 7363 阅读 · 0 评论 -
vue表格中插槽缓存
具体描述:点击查看打开的dialog弹窗展示的内容,会展示上一次打开的的缓存数据弹窗Dialog表格代码:<check-odd-table :config="checkTableList"> <!-- 状态为已审核 只显示查看 状态待审核:查看,通过 状态什么都没有:查看编辑 --> <template v-slot="{ scope }"> <!-- --> &原创 2021-10-23 14:48:26 · 276 阅读 · 0 评论 -
vue el-table 动态添加行、删除行 动态验证添加行中表单的
vue el-table 动态添加行、删除行需求:动态新增删除表格行,选择每一列的物料编码带出并展示 后面一串数据(物料名称、物料规格、单位等)需要注意三个点:1、动态增加行2、动态验证行中表单值3、怎么带出值一、动态增加行代码 <el-dialog :title="title" :visible.sync="materialOpen" width="900px" append-to-body> <el-form :rules="rules" ref="a原创 2021-10-06 16:36:42 · 3160 阅读 · 2 评论 -
深拷贝和浅拷贝的区别
深拷贝和浅拷贝的区别一直都感觉没有深入了解这两者的区别,今天来理解记录一下简单的理解:就是假设B复制了A,当修改A时,看B是否会发生变化浅拷贝:B也跟着变了深拷贝:B没变浅拷贝例子:let A=[1,2,3];let B = A;A[0] = 0 //修改A的值console.log("A:"+A) //A:0,2,3console.log("B:"+B) //B:0,2,3 ----B也跟着改变,是浅拷贝深拷贝例子:例子1、let a=[1,2,3,4], b=a原创 2021-09-25 10:02:08 · 141 阅读 · 0 评论 -
vue将页面导出pdf,vue导出pdf
vue导出pdf新需求:需要前端下载把当前html下载成pdf文件菜鸟觉得牛逼啊,这必须记录下来嗷嗷嗷嗷1、第一步:我们要添加两个模块//第一个:将页面html转换成图片npm install --save html2canvas//第二个:将图片生成pdfnpm install jspdf --save2、第二步:定义全局函数…创建一个htmlToPdf.js文件在指定位置.我个人习惯放在('src/components/utils/htmlToPdf’)中htmlToPdf.js文原创 2021-09-07 11:28:08 · 13521 阅读 · 28 评论 -
vue动态改变:disabled的属性值
动态改变:disabled的属性值找了很久,可能没人提这么弱智的问题哭唧唧,所以我自己琢磨了很久,终于啊。。首先:先把那个none改为一个可以修改的值,这里我随便起的也叫disabled<date-picker v-model="time1" valueType="format" ref="userBirthdayInput" id="userBirthday" :di原创 2020-05-28 11:59:48 · 25659 阅读 · 12 评论