![](https://img-blog.csdnimg.cn/07250f2a14264b5f942737c4c027cc15.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
Vue
vue
不甜呐
天空越黑 星星越亮
展开
-
数组对象去重的四种方式(强推最后一种!!!)
数组对象去重(强烈推荐最后一种!!!)原创 2021-09-20 00:04:04 · 54775 阅读 · 4 评论 -
Vue3父子组件相互调用方法
Vue3父子组件相互调用方法原创 2023-02-14 17:08:39 · 19231 阅读 · 3 评论 -
vue表格实现拖拽功能
嗨害嗨,简洁易上手的表格拖拽。原创 2022-09-29 11:56:30 · 4901 阅读 · 4 评论 -
地区联动插件element-china-area-data的使用(支持vue2和vue3)
省市区联动原创 2022-08-15 09:03:33 · 16836 阅读 · 8 评论 -
vue3导出表格excel(支持多sheet页),并自定义导出样式
导出excel并自定义样式原创 2022-07-27 10:43:59 · 5594 阅读 · 5 评论 -
获取某年某月的最后一天
在写项目中,有这样一个需求:用户输入年月后,输入框自动显示这年这月的最后一天。像我们熟知的"一三五七八十腊,三十一天永不差",再除去二月份,其余的都是三十天。可能麻烦的就是如果用户输入的是二月,那么我们需要做一系列的判断比如:先判断输入的是不是二月,然后判断这年是闰年还是平年,最后判断是28天还是29天。我觉得还是简单点比较好哒<!DOCTYPE html><html lang="en"><head> <meta charset="UTF原创 2022-02-25 09:23:13 · 736 阅读 · 0 评论 -
vue中让定时器只在当前组件(页面)运行
data: { return { timer: null }},created() { this.timer = setInterval(() => {}, 1000);},beforeDestroy() { if(this.timer) { //如果定时器还在运行,直接关闭,不用判断 clearInterval(this.timer); //关闭 };},拓展# 安装依赖npm install# 建议不要直.原创 2021-12-07 16:53:50 · 1098 阅读 · 0 评论 -
watch监听
1. 普通的watch<div id="app"> <input type="text" v-model="msg"></div><script> const vm = new Vue({ el: "#app", data: { num: 0, }, /* watch选项 作用:监测已经存在的属性 */原创 2021-11-16 10:23:50 · 514 阅读 · 1 评论 -
如何新建一个vue2项目(超详细哦)
如何新建一个vue2项目(超详细哦)原创 2021-11-05 11:10:58 · 100684 阅读 · 19 评论 -
省市区三级联动插件(v-distpicker)
安装:npm install v-distpicker --save //npm安装全局注册://全局注册import Distpicker from 'v-distpicker'Vue.component('v-distpicker', Distpicker)局部注册://局部注册import VDistpicker from 'v-distpicker'export default { components: { VDistpicker }}基础://基础原创 2021-09-02 10:25:34 · 1249 阅读 · 3 评论 -
过滤器、自定义指令、组件三者的注册及使用场景
把它们放在一起写呢,是因为它们都分为两种——全局注册和局部注册需要注意的是过滤器、自定义指令、组件的全局注册要写在Vue实例之前,详情请看:https://blog.csdn.net/weixin_55992854/article/details/119107461过滤器 作用:处理数据格式 使用位置:双花括号插值 和 v-bind 表达式 (后者从 2.1.0+ 开始支持)。 分类:局部注册和全局注册 局部注册 在vm对象的选项中配置过滤器filters:{}.原创 2021-08-30 10:22:54 · 444 阅读 · 0 评论 -
v-cloak和v-once的用法
1.v-cloak问题:在使用vue绑定数据的时候,渲染页面有时会出现变量闪烁,例如<div id="app"> <p>{{message}}</p></div><script src="https://cdn.jsdelivr.net/npm/vue@2.5.16/dist/vue.js"></script><script> new Vue({ el: '#app',原创 2021-08-28 12:06:57 · 98 阅读 · 0 评论 -
vue+element ui后台返回数据为数字,前台转化成对应的中文显示在表格中
关于根据后台数字显示相应的文字,文档中没有详细说明,所以写这篇博客记录一下。这里主要介绍三种方法,可以自己的需要选择哦先放个效果图吧(先说明一下0表示是,1代表否)方法一:调用methods中的方法<el-table-column prop="isAccept" label="是否接受" show-overflow-tooltip :formatter="formtype"></el-table-column>met.原创 2021-08-14 12:06:13 · 4606 阅读 · 1 评论 -
v-model的实现原理
v-model的实现原理原创 2021-07-27 15:32:35 · 2556 阅读 · 0 评论 -
为什么要先写全局注册的组件再写vue实例
今天在学习vue的时候发现了一个小问题,先看看我下面的代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-sc原创 2021-07-26 13:28:09 · 383 阅读 · 0 评论