vue
if时光重来
这个作者很懒,什么都没留下…
展开
-
vue3防抖函数封装与使用,以指令的形式使用
vue3防抖函数封装与使用,以指令的形式使用原创 2024-01-05 11:21:49 · 801 阅读 · 0 评论 -
vue防抖函数封装与使用
vue防抖函数封装与使用原创 2023-10-12 15:39:31 · 282 阅读 · 0 评论 -
vue2项目优化一个页面引入多个组件
【代码】vue2项目优化一个页面引入多个组件。原创 2023-09-01 12:21:48 · 473 阅读 · 0 评论 -
vue中使用axios发送请求时,后端同一个session获取不到值
vue中使用axios发送请求时,后端同一个session获取不到值原创 2023-07-31 12:21:42 · 1281 阅读 · 0 评论 -
vue+axios实现点击取消请求功能
vue+axios实现点击取消请求功能原创 2023-07-24 14:56:33 · 465 阅读 · 2 评论 -
vue项目打包时去除所有console(webpack)
vue项目打包时去除所有console(webpack)原创 2023-04-17 15:11:26 · 1828 阅读 · 1 评论 -
vue实现根据目录结构生成路由
vue实现根据目录结构自动生成路由原创 2023-03-14 12:24:48 · 505 阅读 · 0 评论 -
elementui el-upload在on-change中校验文件类型错误时隐藏文件列表
elementui el-upload在on-change中校验文件类型错误时隐藏文件列表转载 2023-03-09 17:09:20 · 979 阅读 · 0 评论 -
vue(js)监听元素滚动,并实现点击返回顶部效果
vue中监听元素滚动,并实现点击返回顶部效果原创 2023-02-24 11:42:49 · 400 阅读 · 0 评论 -
element日期插件自定义选择区间
element日期插件自定义选择区间原创 2022-11-03 11:21:54 · 718 阅读 · 0 评论 -
vue+element实现图像验证码
vue+element实现图像验证码转载 2021-12-24 09:00:16 · 1400 阅读 · 0 评论 -
echarts-map最新geoJson文件下载
echarts-map生成json文件地址转载 2022-10-26 16:50:30 · 887 阅读 · 0 评论 -
tp6+vue实现非对称加密登录
tp6+vue实现非对称加密登录原创 2022-10-14 17:53:18 · 625 阅读 · 0 评论 -
tp6+jwt实现token生成及验证,tp+vue请求接口header中加入token报跨域错误解决
tp6+jwt实现token生成及验证,tp+vue请求接口header中加入token报跨域错误解决原创 2022-10-14 12:21:05 · 1808 阅读 · 0 评论 -
vue登录密码强度校验
vue登录密码强度校验转载 2022-10-13 09:47:20 · 1119 阅读 · 0 评论 -
echarts点击切换map地图时,显示切换成功了,但页面上的信息不变。echarts点击事件触发多次
echarts点击切换map地图时,显示切换成功了,但页面上的信息不变。echarts点击事件触发多次转载 2022-10-12 15:40:56 · 533 阅读 · 0 评论 -
echarts实现宽高自适应,vue中解决window.onresize失效
echarts实现宽高自适应,vue中解决window.onresize失效原创 2022-10-10 14:30:35 · 1011 阅读 · 1 评论 -
vue实现echarts中的map自定义地图背景色
vue实现echarts中的map自定义地图背景色原创 2022-09-27 18:02:27 · 2226 阅读 · 0 评论 -
vue监听form表单中的值发生变更
vue监听form表单中的值是否发生变更转载 2022-08-17 17:16:25 · 7093 阅读 · 0 评论 -
vue2注册组件及传参(全局注册)
vue2中全局注册组件并传参原创 2022-08-03 15:39:36 · 406 阅读 · 0 评论 -
vue中使用params传参,刷新页面后params参数丢失解决方案
vue中使用params传参,刷新页面后params参数丢失解决方案。原创 2022-07-21 16:23:44 · 9695 阅读 · 2 评论 -
vue+elementui实现文件下载和进度条显示
vue+elementui实现文件下载及显示进度条转载 2022-06-29 12:10:48 · 3935 阅读 · 0 评论 -
vue keep-alive实现不缓存某些页面和只缓存某些页面
参考:https://www.cnblogs.com/baixiaoxiao/p/10639631.html<keep-alive include="test-keep-alive"> <!-- 将缓存name为test-keep-alive的组件 --> <component></component></keep-alive><keep-alive include="a,b"> <!-- 将缓存name为a或转载 2022-03-22 11:53:37 · 926 阅读 · 0 评论 -
vue实现打印多页
1.安装打印插件vue-print-nb安装 npm install vue-print-nb --save在main.js文件中注册import Print from 'vue-print-nb'Vue.use(Print);2.页面使用<div id="print"><div class="page_items" style="width:100%;min-height:1020px;page-break-after: always;">页面一<pag转载 2022-03-18 17:23:09 · 2570 阅读 · 0 评论 -
vue使用watch监听json对象中某个键值发生改变触发事件
watch: { 'form.typeId': { handler: function() { if (!this.form.typeId) { this.form.typeName = null return } this.form.typeName = this.projectTypeOptions.find(item => { return item.key === this.form.t转载 2022-03-02 11:12:18 · 1278 阅读 · 0 评论 -
vue实现打印浏览器页面功能(两种方法)
推荐使用方法二方法一:通过npm 安装插件1,安装 npm install vue-print-nb --save2,引入 安装好以后在main.js文件中引入 import Print from 'vue-print-nb'Vue.use(Print); //注册3,现在就可以使用了div id="printTest" > <p>明月照于山间</p> <p>清风来于江上 </p> &l转载 2022-02-18 15:07:53 · 5271 阅读 · 0 评论 -
element ui使用Dialog 对话框关闭遮罩层 class=v-modal元素
关闭遮罩层使用属性 :modal=“false”是否将遮罩层插入至 body 元素上,默认为true。:modal-append-to-body=“false” 可以将插入body元素上的遮罩层插入到当前元素下<el-dialog :visible.sync="show_form" title="添加活动" width="90%" :lock-scroll="false" :modal="false" @close="closeDialog"></el-dialog>官原创 2022-02-18 09:33:40 · 4901 阅读 · 0 评论 -
element使用loading组件中的指令方式,更改默认背景色、文字、icon等
自定义指令为v-loading,只需要绑定Boolean即可。v-loading="loading" loading为true则显示加载动效,为false则不显示加载动效自定义加载文案,图表,背景色element-loading-text="拼命加载中"element-loading-spinner="el-icon-loading"element-loading-background="rgba(0, 0, 0, 0.8)"当需要全屏加载则添加fullscreen修饰符v-loading转载 2022-02-16 14:52:14 · 3920 阅读 · 0 评论 -
vite+element项目使用iconfont图标库中的图标
1.注册一个阿里巴巴账号,搜索自己需要的图标,添加到购物车,然后点击添加到项目,如果没有项目就需要创建.2.进入“我的项目”自定义项目设置(默认的为icon-,iconfont),默认使用方法:<i class=“iconfont icon-user”>修改后:<i class=“element-icons el-iconuser”>修改FontClass字段,里面的名称稍后我们引用这个图标的时候会用到,这部分请根据项目自行命名修改,我这里把这个图标命名为use原创 2022-02-10 17:29:47 · 1715 阅读 · 0 评论 -
element插件Descriptions中使用v-if的el-select插件出现值混乱
问题描述使用v-if后,页面中的性别选择框和下方的学历选择框一致了解决方法在性别选框的<el-form-item>中添加:key=“Math.random()”<template v-if="formData.idnotype > 1"> <el-descriptions-item label-align="center" name="sex" label="性别" label-class-name="setred"> <el原创 2022-01-27 09:39:40 · 2078 阅读 · 0 评论 -
vue中子组件给父组件传参
vue中若想实现子组件给父组件传值,可以通过$emit()传参子组件<template> <h1 @click="clickFunc">点击后给父组件传值</h1></template><script>export default { methods: { clickFunc() { // clickFunc:在父组件中可以监听该方法来获取子组件的传值 // 1: 传输的数据 this.$emit('click原创 2022-01-25 16:09:48 · 750 阅读 · 0 评论