![](https://img-blog.csdnimg.cn/20201014180756913.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Vue
紫颖梦忆
学无止境
展开
-
ElementUI 日期选择器限制只能选3天且不能选择今天之后的日期
ElementUI 日期选择器限制只能选3天且不能选择今天之后的日期<el-date-picker v-model="timeRange" type="daterange" :picker-options="pickerOptions" range-separator="-" start-placeholder="开始日期" end-placeholder="结束日期"></el-date-picker>pickerOptions:timeRange: "",原创 2020-11-17 15:31:10 · 2051 阅读 · 1 评论 -
vue 上传图片
0"> 移除全部图片 上传 Select an image原创 2017-04-14 11:40:41 · 2375 阅读 · 1 评论 -
Vue 组件传值
回想一下用Vue开发也有一年多了,但一直没有系统的整理一下相关知识,最近不太忙就总结一下在开发过程中所遇到的一些坑。今天主要总结一下Vue组件传值的几种常用方法:1、通过路由带参数传值 ① A组件通过query把id传给B组件 this.$router.push({path:'/B',query:{id:1}}) ② B组件接收this.$route.que...原创 2018-05-28 16:47:15 · 3629 阅读 · 2 评论 -
Vue中的$set
在我们使用vue进行开发的过程中,可能会遇到一种情况:当生成vue实例后,当再次给数据赋值时,有时候并不会自动更新到视图上去;当我们去看vue文档的时候,会发现有这么一句话:如果在实例创建之后添加新的属性到实例上,它不会触发视图更新。由于 JavaScript 的限制,Vue 不能检测以下变动的数组:当你利用索引直接设置一个项时,例如:vm.items[indexOfItem] = newValu...原创 2018-05-16 17:52:39 · 9580 阅读 · 2 评论 -
vscode 使用iView时标签报错 Parsing error: x-invalid-end-tag
错误展示:问题原因: iView将标签渲染为原生html标签时,由于这些标签是自闭合的,所以有end标签会报错。解决方案:修改配置文件,忽略该项检查:根目录下 - .eslintrc.js - rules添加一行:“vue/no-parsing-error”: [2, { “x-invalid-end-tag”: false }]重启dev:npm run dev但我设置之后并没有解决,最终...原创 2018-05-29 16:51:03 · 20787 阅读 · 5 评论 -
vue返回顶部组件
页面滚离顶部一定距离的时候显示返回顶部图标,点击按钮以一定的速度返回顶部。 组件:src/components/GoTop.vue<template> <div id="goTop"> <div class="goTop" v-show="goTopShow" @click="goTop">原创 2018-07-21 18:19:37 · 5555 阅读 · 1 评论 -
nuxt 引入iconfont多色图标
symbol引用这是一种全新的使用方式,应该说这才是未来的主流,也是平台目前推荐的用法。相关介绍可以参考这篇文章 这种用法其实是做了一个svg的集合,与另外两种相比具有如下特点:支持多色图标了,不再受单色限制。 通过一些技巧,支持像字体那样,通过font-size,color来调整样式。 兼容性较差,支持 ie9+,及现代浏览器。 浏览器渲染svg的性能一般,还不如png。使用步骤...原创 2018-08-08 18:39:25 · 4608 阅读 · 2 评论