vue
前端转项目
这个作者很懒,什么都没留下…
展开
-
关于element-ui在vue框架项目中的使用记录
vue框架中使用element-ui持续踩坑1.el-table复选框后面有小黑点// width太小,只要宽度足够就不会出现<el-table-column type="selection" width="20" />换页多选// reserve-selection -> 数据更新之后保留之前选中的数据<el-table-column type="selection" :reserve-selection="true" width="20" />原创 2021-07-02 09:25:40 · 193 阅读 · 0 评论 -
vue拖拽表格实现Sortablejs指路
1.Sortablejs官网http://sortablejs.github.io/Sortable/2.Sortablejs 代码仓库githttps://github.com/SortableJS/Sortable#readme3.Sortablejs - npm包https://www.npmjs.com/package/sortablejs4.Sortablejs - 实例https://sortablejs.github.io/Vue.Draggable/#/simple5.Dr.原创 2021-05-26 18:20:10 · 155 阅读 · 0 评论 -
wangEditor富文本编辑器-vue使用链接
官网http://www.wangeditor.com/index.html使用文档http://www.wangeditor.com/doc/github代码for vuehttps://github.com/wangeditor-team/wangEdior-with-vue使用参考https://www.jianshu.com/p/52852d39f869https://www.cnblogs.com/zzz-knight/p/12156438.html...原创 2020-12-01 16:11:55 · 677 阅读 · 0 评论 -
vue#1 vue中的性能优化
1.引入生产环境的 Vue 文件开发环境下,Vue 会提供很多警告来帮你对付常见的错误与陷阱。而在生产环境下,这些警告语句却没有用,反而会增加应用的体积。此外,有些警告检查还有一些小的运行时开销,这在生产环境模式下是可以避免的。详细的做法请参阅vue官网【生产环境部署(https://cn.vuejs.org/v2/guide/deployment.html)】2.使用单文件组件预编译模板...原创 2020-04-13 17:16:28 · 186 阅读 · 0 评论 -
VUE跟随鼠标悬浮框效果示例
VUE跟随鼠标悬浮效果示例功能要求:1.鼠标悬浮到某一图片logo位置,出现悬浮框显示此logo对应的企业主体基本信息2.悬浮框跟随鼠标的位置出现效果图如下:分析页面结构:1.logo图片部分用ul li 循环结构2.悬浮框部分单独写一个div,用position absolute定位分析功能实现:1. @mouseenter @mouseleave 控制悬浮框的显示隐藏2...原创 2019-10-23 14:39:45 · 12184 阅读 · 8 评论 -
vue实现tab切换功能的几种方法
vue实现tab切换功能的几种方法1.组件切换利用vue里的 :is属性和keep-alive缓存效果图代码<template> <div> <div class="tab"> <ul class="tab_button"> <li v-for="...原创 2019-10-17 16:26:25 · 11528 阅读 · 2 评论 -
在vue项目中使用stylus
安装stylus需要两条语句1.npm install stylus --save2.npm install stylus-loader --save使用stylus直接在.vue文件的style块中使用只要在style标签加上lang="stylus"就可以了外部引用.styl文件通过css语法引入...原创 2019-09-26 15:22:25 · 364 阅读 · 0 评论 -
Vue取消eslint语法限制
eslint是一个语法检查工具,但是限制很严格,会在编译的时候导致一直报错取消eslint语法限制有两种办法:找到build文件夹下面的webpack.base.conf.js文件注释掉以下代码:或者注释掉以下规则:最后重启一下项目就可以了。...原创 2019-09-26 14:12:21 · 557 阅读 · 0 评论 -
vue 报错学习 Newline required at end of file but not found
错误:Newline required at end of file but not found翻译:文件末尾需要换行符,但找不到例如:但是下面这样就不会报错原因是需要在js css等后面再加一行(空行) !!!...原创 2019-09-25 16:56:28 · 592 阅读 · 0 评论 -
如何新建一个vue项目
新建一个vue项目只需要两步:一.安装环境安装node.js环境安装npm包管理器安装npm的淘宝镜像cnpm安装vue-cli脚手架构建工具二.使用vue-cli初始化一个项目具体步骤:1.安装node.js环境直接在官网下载电脑适用的版本:https://nodejs.org/en/检查是否安装成功:windows+r 输入cmd 打开命令行工具输入node -v...原创 2019-08-15 15:22:43 · 356 阅读 · 0 评论 -
vue-有初始化动画的节点进度条的实现
总结最近做的一个可视化大屏项目用到的节点进度条,用vue语句+css代码实现的带有初始化动画效果先看下效果(不会弄动图,实际实现是带初始化动画的)1.先写html结构解释一下层级:最外层div是一整个状态进度条;里面span是状态文字,div是进度条;进度条div里面 i 标签写节点小圆点,div写长方形的进度条。因为要加初始化动画,所以节点和进度要分开写。直接看代码<div c...原创 2019-08-19 16:14:45 · 3202 阅读 · 5 评论