朦胧淡月的博客_vue

Vue2 里如何优雅的清除一个定时器

绝大多数人清除定时器的方法 <script> export default { data() { return { timer: null } }, mounted() { this.timer = setInterval(() => { console.log('我是定时器') }, 1000)

生命周期

微信

缓存

原创 2023-03-05 09:42:23 657 阅读

vue关于通过下标更改数组的理解

案例1:通过下标更改数组失败 <template> <div> <el-button @click="handlerMe2"> 改变 arr </el-button> <div> {{ arr }}--arr </div> </div> </template> <script> export def

数组

微信

支付宝

原创 2023-01-23 12:40:49 706 阅读

vue中$children的理解

官网介绍 $children $children 获取当前实例的直接子组件。需要注意 $children 并不保证顺序，也不是响应式的。[特别重要] 如果你发现自己正在尝试使用 $children 来进行数据绑定，考虑使用一个数组配合 v-for 来生成子组件，并且使用 Array 作为真正的来

数据

数组长度

微信

原创 2023-01-08 00:16:41 433 阅读

01-路由跳转安装less this.$router.replace(path) 解决vue/cli3.0语法报错问题

2==解决vue2.0里面控制台包的一些语法错误。 https://www.jianshu.com/p/5e0a1541418b 在build==>webpack.base.conf.j下注释掉 ...(config.dev.useEslint ? [createLintingRule()] : [

微信

搜索

支付宝

原创 2022-09-01 20:46:58 127 阅读

assets文件夹与static文件夹的区别

微信

绝对路径

相对路径

转载 2022-09-01 20:45:40 386 阅读

vue2.0教手架安装

微信

支付宝

javascript

原创 2022-09-01 20:45:08 20 阅读

clientHeight获取屏幕可视化高度

此时你设置后会发现屏幕的高度出现滚动条那是因为body有8个外边距设置margin：0就可以解决 watch可以区监听data中的数据，只要data中的数据发生变化就可以执行watch中的函数了 watch也可以区调用methods中的方法

微信

数据

支付宝

原创 2022-09-01 20:45:05 295 阅读

$vue报错 Uncaught (in promise) NavigationDuplicated {_name:$

vue报错 Uncaught (in promise) NavigationDuplicated {_name:

解决办法在项目目录下运行 npm i vue-router@3.0 -S 即可如何在任何页面获取到url地址然后切换项目的时候仍然在当前地址 console.log("当前页面的参数",this.$route.path); this.$router.push(this.$route.path)

微信

javascript

html

原创 2022-09-01 20:44:03 144 阅读

computed和watch的用法和区别

computed可以监听v-model（data）中的值，只要值发生变化他就会重新去计算 computed必须是要有一个返回值的哦 computed 属性的结果会被缓存，除非依赖的响应式属性变化才会重新计算。主要当作属性来使用； <div id="app"> <input type="text"

缓存

数据

微信

原创 2022-09-01 20:43:47 110 阅读

$attrs/inheritAttrs可以实现组件的跨级传递

$attrs/inheritAttrs可以实现组件的跨级传递 // 问题1 为什么this.$attrs可以得到主传递过来的值 //$attrs 说明 // $attrs 可以很方便的做到属性透传，使用起来也比较简单，避免了多写 props 的痛苦。 // 当一个组件没有声明任何prop时候，at

数据

html

微信

原创 2022-09-01 20:43:30 61 阅读

如何将axios封装成一个插件

01== 重新写axios的插件 02 在main.js中去引入在vue中@表示是src这个文件夹哦按照上面这两步插件已经发呢改装好了哈。然后就是可以使用了。

ios

微信

支付宝

原创 2022-09-01 20:19:39 82 阅读

页面一刷新让文本框自动获取焦点-- 和自定义v-focus指令

<body> <div id="app"> <input type="text" value="" id="search"> </div> <script> var vm = new Vue({ el: "#app", data: { } }); // 原生自动获取焦点 document.getEl

微信

数据

获取焦点

原创 2022-09-01 20:11:11 125 阅读

定义私有指令 v-fontweight

// 这是一个私有的指令他是在vm这个实例对象里里面的所以说是私有的 directives 多一个s // 在css中是font-Weight。在第二个字母的大写该为小写，去掉横线。 // 这中写法跟原生的jS控制css是一样的 //font-Weight:控制字体的粗细 100 200 300

微信

css

支付宝

原创 2022-09-01 20:10:39 13 阅读

自定义v-color指令

在自定义指令的时候，和js行为有关的，最好就写在inserted中去，防止js代码不生效。和样似有关的操作放在bind中去Vue.direactive 【d儿 Rai K T V】没有s哈 <body> <div id="app"> <input type="text" value="" v-co

微信

单引号

javascript

原创 2022-09-01 20:09:19 50 阅读

过滤器的连续使用

<div id="app">  <p>{{ msg | msgFormt("飞宇")|test }}</p> <!-- msgFormt是一个过滤

微信

支付宝

传递参数

原创 2022-09-01 20:09:04 36 阅读

页面已加载文本框就获取焦点

页面一加载就会让文本框获得焦点当光标失去焦点后，文本框又会自动获得焦点光标点击之后，仍然可以进行跳转 document.getElementById("input1").focus(); //获取焦点

获取焦点

微信

失去焦点

原创 2022-09-01 20:08:18 70 阅读

数组上移下移更改其值

``` 向上向下 {{ item.con }} ``` ``` ``` ![](

微信

数据

支付宝

原创 2022-09-01 20:05:22 82 阅读

vue 路由守卫是否携带token

``` //整个实例出来配置路由守卫 const router = new Router({ //

微信

javascript

支付宝

原创 2022-09-01 18:10:02 212 阅读

vue写组件时的命名规范

1组件命名驼峰如myBread.vue（组件） 2引入时，接受同样是驼峰 import MyBread

微信

支付宝

权限管理

原创 2022-09-01 18:09:55 383 阅读

vue中父传子props的使用

第一种传递一个数组第二种传递一个对象其他的用法基础的类型检查 ( 和会通过任何类型验证)

微信

默认值

数组

原创 2022-09-01 18:09:20 96 阅读

vue如何获取动态添加的类

动态添加的类。你在声明周期中的mounted中是拿不到的。是有在updata这个声明周期中才可以拿到的。因为此时数据才跟新完成

微信

声明周期

数据

原创 2022-09-01 18:08:34 112 阅读

vue操作select获取option值

如何实时的获取你选中的值只用@change件事 @change=

微信

支付宝

javascript

原创 2022-09-01 18:04:53 366 阅读

vue中v-show你不知道的用法 created computed mounted的执行顺序

我们都知道，v-show的值是一个布尔类型的。我通过这个值进行显示或者隐

微信

数据

初始化

原创 2022-09-01 18:02:17 299 阅读

vue报错：'XX' is defined but never used no-unused-vars

参考地址：http://www.gold404.cn/info/87 导致这个报错的原因就是eslint校验，就是你当初在vue创建脚手架的时候选择了eslint校验；后面你绝对会碰到这样的报错，毋庸置疑。而这个报错信息也很简单，就是你定义了某个变量，但是你没有使用它。 eslint规范

解析器

微信

javascript

原创 2022-09-01 18:02:09 6693 阅读

vue中使用refs出现undefined的解决方法

最近遇见一个情况，在methods:{}中的某个方法，通过父组件去调用

微信

响应式

数据

原创 2022-09-01 18:01:56 1438 阅读

vue过滤器(filter)的使用

过滤器分全局过滤器和局部过滤器 <div id="app"> <p>电脑价格：{{price | addPriceIcon}}</p> </div> <script> let vm = new Vue({ el:"#app", data:{ price:200 }, filters:{ //处理函数

微信

ico

javascript

原创 2022-09-01 18:01:49 79 阅读

div里面的元素垂直均匀分布按钮引发地址栏出现问号判断一个数组是否为空 div底部居中路由传参接受参数

一个固定高度的div的子元素在垂直方向上平均分布 .important-dec{ height: 121px;

微信

支付宝

验证码

原创 2022-09-01 18:00:36 83 阅读

vue mixin混入全局混入局部混入

=========================== 局部混入

微信

支付宝

javascript

原创 2022-09-01 17:54:13 247 阅读

vue中v-model修饰符的使用和组件使用v-model

1.lazy 修饰器 lazy修饰器在input框中的表现效果是：当你失去焦点后值才会跟新。它的跟新时机是失去焦点后这个修饰器在项目中运用的场景较少 <template> <

获取值

微信

失去焦点

原创 2022-09-01 17:52:59 144 阅读

slot 的简单使用（一）匿名插槽

slot 是父组件与子组件的通选方式可以将父组件的内容显示在子组件当中或者说可以将

微信

支付宝

封装

原创 2022-09-01 17:52:08 74 阅读

官方博客	全部文章	热门标签	班级博客
了解我们	网站地图	意见反馈

鸿蒙开发者社区	51CTO学堂
51CTO	软考资讯

51CTO博客