vue
woderlili
将学变成玩
展开
-
vue 网页滚动到指定位置显示动画效果
网页视觉差效果,滚动动画原创 2022-04-12 13:52:34 · 6539 阅读 · 0 评论 -
vue 网页点击置顶图标缓慢置顶
利用js实现网页置顶缓动效果子组件父组件子组件<template> <div class="content_container_top" v-show="toTopShow"> <div @mouseenter="ico = false" @mouseleave="ico = true" @click="scrollToTop" title="返回置顶" > <span class=原创 2022-04-12 11:44:03 · 1404 阅读 · 2 评论 -
vue+element 实现动态table
在工作中可能会有些简单的表格重复开发,枯燥无味,大量的复制粘贴代码会是项目的代码越积越多,后期不利于维护,所以一些简单的表格可以分装成一个表格组件,利于开发复用。创建一个文件tableBox.vue <el-table :data="tableData" :id="id" row-class-name="rowClassName" :header-cell-style="{ 'bac原创 2021-06-03 18:43:41 · 1401 阅读 · 0 评论 -
Mac eslint --init安装报错
为了规范开发,安装eslintnpm install -g eslinteslint --init在eslint --init时会报错 command not found: eslint,由于我之前每次全局安装都要加sudo的最高权限才能安装,然后我就改变npm的默认路径,变成.npm-global,所以不能在使用eslint --init的方法初始化eslint。解决办法npm install -g eslint.npm-global/bin/eslint --init command //原创 2021-05-26 16:53:24 · 1836 阅读 · 0 评论 -
vue+element 使用el-input输入框自动聚焦问题
element中el-input有autofocus属性,但是这个能在第一次初始化的时候自动聚焦,解决办法:<div> <i v-if="!showSearch" @click="searchClick"></i> <el-input prefix-icon="el-icon-search" v-if="showSearch" clearable autofocus="true" placeholder="请输入关原创 2021-05-08 16:15:15 · 2462 阅读 · 0 评论 -
vue使用vue-simple-uploader,实现大文件断点续传
前言:之前的项目使用的上传是element的el-upload,后期项目上线后用户在使用时发现多人同时上传过大的文件,就上传不上去,后期我们为了解决这个问题,决定使用vue-simple-uploader实现断点续传。实现样式:安装//vue-simple-uploader安装:npm install vue-simple-uploader --save//md5工具安装:npm install spark-md5 --save// jquery安装:后面在md5里有使用npm i原创 2021-04-22 21:48:37 · 3674 阅读 · 24 评论 -
MaxListenersExceededWarning: Possible EventEmitter memory leak detected. 11 upgrade listeners added
vue脚手架3.0,nom run serve时报(node:783) MaxListenersExceededWarning: Possible EventEmitter memory leak detected. 11 upgrade listeners added to [Server]. Use emitter.setMaxListeners() to increase limit百度翻译一下(节点:783)MaxListenerExceedWarning:检测到可能的EventEmitter内原创 2021-04-19 10:08:21 · 15488 阅读 · 0 评论 -
自定义模版组建,利用vue的slot
前言:在做后台管理系统的时候,经常会有左右结构页面,还有都是列表的页面,左右结构的页面还可以进行拖拽,实现可视区域变大变小,这样我们就可以把这个框架写成组件,避免框架的样式重复写<template> <div class="T-m2OrgUser T-sys-manager"> <slot name="header"> <!-- 如果页面有面包屑可以写在这里,如果没有可以删除 --> </slot> &原创 2021-04-19 08:55:38 · 242 阅读 · 0 评论 -
利用css实现大屏新闻数据无缝滚动
前言:前段时间做大屏,需求要求实现新闻数据无缝滚动,数据数据是不固定的,而且每一分钟还要重新获取最新的新闻数据动态,之前是用定时器实现无缝滚动,但是性能不好,页面容易卡顿,然后突然想起来上大学的时候用css做过一个图片无缝滚动,灵机一动我就换了一个思路实现它。接下来上才艺????...原创 2021-04-15 15:19:23 · 1880 阅读 · 2 评论 -
vue3.0运行项目报start value has mixed support, consider using flex-start instead
今天npm run serve 项目文件,一直显示这个问题,看见就很烦这里的错误主要是编译过程中 错误的使用flex布局解决方案:在vue css 代码中看看是否使用了align-items: start;或者justify-conten:start将其改为align-items: flex-start;justify-conten: flex-start就行了...原创 2021-04-12 12:17:50 · 1005 阅读 · 0 评论 -
移动端H5外部链接图片显示问题
移动端H5外部链接图片显示问题在做大屏H5时,有一个需求是,渲染pc端编写的富文本内容,其中内容是网上复制黏贴的新闻,包含一些https链接的地址,在使用v-html渲染时,图片无法显示。打开F12会发现图片403,百度后的解决办法就是在index文件中,head中添加一句即可,设置后图片就可以正常显示了,原理可以看这篇文章链接地址:https://www.jianshu.com/p/56df73d0d128;作者:ITgecko...原创 2021-04-08 17:48:37 · 791 阅读 · 0 评论 -
vue实现给当前元素添加样式,其他元素无样式
vue实现给当前元素添加样式,其他元素无样式今天做项目的时候遇到,给当前元素绑定样式,原来使用原生js写点亮盒子的时候都是利用for循环,循环元素列表,在利用this来绑定当前元素,给当前元素添加类名或类样式,当然在添加类样式前,还要将所有添加过的类样式移除掉,然而vue就没有这么麻烦,咱们直接上代码 -_-<template> <div class="content"...原创 2018-11-14 22:28:57 · 9198 阅读 · 1 评论 -
Vue项目搭建
Vue项目搭建先查看本地是否已经安装的node,还有vue,在全局下安装好node还有vue在实现一下操作。首先安装脚手架工具,npm install vue-cli -g 或者 cnpm i vue-cli -g (-g代表全局安装,我这里没有全局安装)初始化vue项目 vue init webpack 项目名称初始化项目后,切换到创建的文件夹中 cd hellowVue(...原创 2018-10-07 19:20:58 · 143 阅读 · 1 评论