
Vue
文章平均质量分 50
Vue
小猫儿
Do it. Do it right. Do it right now.
所谓瓶颈,不是精力不足,而是丧失了求知欲和上进心
展开
-
vue移动端项目的适配(以mint-ui)
参考:Vue UI框架——Mint UI的使用 https://www.jianshu.com/p/ed612b7ad565参考: 详解vue移动端项目的适配(以mint-ui为例) https://www.jianshu.com/p/ed612b7ad565饿了么公司基于vue开的的vue的Ui组件库 Element Ui 基于vue pc端的UI框架 h...原创 2018-11-28 13:47:05 · 3158 阅读 · 0 评论 -
谷歌浏览器chrome的vuejs devtools 插件的安装
谷歌浏览器chrome的vuejs devtools 插件的安装参考:https://www.cnblogs.com/alice-fee/p/8038367.html转载 2018-02-09 17:36:49 · 919 阅读 · 0 评论 -
vue项目在浏览器地址栏设置图标
在vue项目中,我们怎样设置浏览器图标?1. 我们来看vue项目的目录结构,根目录下有一个index.html,这个就相当于我们普通项目中的各个html页面文件,所以设置方法就是在index.html的head标签中添加link标签。在这里要注意的是图标文件的位置,不能放到src里,这样的路径会让浏览器找不到。网页把根域名作为相对路径的根目录了,然而我们文件的路径是相对于项目文件的根目录的,因此就找不到了。因此,图片一类的静态文件,应该放在这个static文件夹下,这个文件夹下的文件(夹)会原创 2020-07-13 11:12:51 · 3752 阅读 · 2 评论 -
vue moment 获取当前5分钟、今日、本周、本月开始结束时间
最近我司产品要做数据大屏,时间选择时有这样的需求,如:5分钟 | 今日 | 本周 |本月(如图),分享下用moment.js获取选择时间段的开始、结束时间1. 当天getCurrentDay(){let date = []let start = moment().format('YYYY-MM-DD 00:00:00')let end = moment().format('YYYY-MM-DD HH:mm:ss')date.push(start)date.push(end)原创 2020-07-09 15:20:01 · 5586 阅读 · 2 评论 -
在vue中,文字向上滚动效果。
HTML:<div class="nwwest-roll" id="nwwest-roll"> <ul id="roll-ul"> <li v-for="item in list" ref="rollul" :class="{anim:animate==t转载 2018-11-23 15:20:38 · 1420 阅读 · 0 评论 -
vscode vue es6语法配置检测
话说,为了配置vscode,es6语法自动检测,百度的各种攻略,踩坑不少,最重要还没用。。。。。。将最后解决的方法分享大家,共同进步!配置方法:1. 插件下载 ESLint,JavaScript(ES6) code snippets打开vscode —点击右侧扩展商店—搜索框输入es,找到以下2个插件,ESLint,JavaScript(ES6) code snippets 分别点击安...原创 2018-11-16 17:03:34 · 22504 阅读 · 6 评论 -
vue中 d3/svg流程图根据窗口缩放,设置动态宽度高度或者样式
在开发过程中,很多时候都会用到动态的计算的样式,比如宽度,高度。特别是开发后台管理系统。那么首先你务必看Vue的官方文档。涉及到的基础知识有:绑定内联样式的使用 computed的使用文档写的都是基础使用。那么在项目实战中如何使用,2步就能实现,下面提供一个参考方案:需求场景:获取当前元素宽度,设置containerdiv的可滚动区域范围。1.添加样式绑定 div标签...原创 2020-01-13 17:00:08 · 4892 阅读 · 1 评论 -
vue中 实现xml的格式化和高亮显示
一 . xml格式化用到了vkbeautify模块 github地址:https://github.com/vkiryukhin/vkBeautify 1. 首先先下载vkbeautify文件npm install vkbeautify 2. 组件里,引入vkbeautify模块import vkbeautify from ‘vkbeautify’...原创 2019-12-24 10:26:02 · 9907 阅读 · 11 评论 -
安装Vue-cli提示 -bash: vue: command not found
问题描述:npm install vue-cli -g成功安装之后,执行vue -V提示 command not found1. 使用淘宝镜像:sudo cnpm install vue-cli -g 安装成功后,查看版本 vue -V 提示: -bash: vue: command not found2. 添加环境变量配置如图,安装成功后,复制路径地址(图中位置1...原创 2019-11-26 14:24:30 · 4544 阅读 · 3 评论 -
【VUE】 父组件参数更新,子组件watch监听参数不刷新
参数更新,子组件不刷新不到可能有以下几个方面的原因0、没加watch监听子组件参数变化1、箭头函数2、如果监听的参数为对象,可能因为没有深度监听,选项:deep,为了发现对象内部值的变化,可以在选项参数中指定deep: true。注意监听数组的变动不需要这么做。watch:{ data: { // data为监听参数名 handl...转载 2019-06-24 14:30:44 · 4287 阅读 · 0 评论 -
js动态生成唯一id
1.随机数长度控制,定义一个长度变量(length),生成可控长度的随机数:Math.random().toString(36).substr(3,length)2.引入时间戳:Date.now().toString(36)3.合在一起最终办法:genID(length){return Number(Math.random().toString().substr(3,length) +...原创 2020-08-17 16:39:40 · 36765 阅读 · 1 评论 -
vue 修改element-ui/iview 组件默认样式
我们在使用element-ui的时候经常会需要修改组件默认样式。有的时候element提供的默认的样式不能满足项目的需要,就需要我们对标签的样式进行修改,但是发现修改的样式不起作用我目前知道的有两种方法,推荐第二种方法:1.在需要更改的组件里新增一个style标签【重点:不加scoped】,然后直接获取class设置样式注意:为避免污染全局样式,最好不把它放在公共的css里面 ,给父级...原创 2019-05-09 13:57:47 · 3665 阅读 · 1 评论 -
Vue实现table列表项上下移动
el-tabel 列表项实现上移,下移,删除功能结合Element组件,scope中有三个参数(row,cow,$index)分别表示行内容、列内容、以及此行索引值,table上绑定数组 :data=“newsList”。上移和下调两个按钮,并绑定上点击函数,将此行的索引值(scope.$index)作为参数:<template> <el-table ...原创 2019-01-22 17:36:56 · 12314 阅读 · 7 评论 -
v-for与v-if(v-show)的配合使用
转载:https://www.jianshu.com/p/3e63f23e9886 感谢作者的分享!使用场景:用v-for遍历出一个列表list,然后想通过v-if(v-show)控制某条数据的 显示/隐藏 这篇文章主要是记录我自己填的一个坑,掉进这个坑里,主要原因还是因为自己在阅读Vue官方文档的时候不够仔细。教训灰常深刻,很难受(;_;)进入正题,我想做的是一个列表页面,通过点击列...转载 2018-11-23 14:46:42 · 11140 阅读 · 1 评论