logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

vue element-ui 封装drawer 抽屉组件

子组件<template><div class="com"><el-drawer title="我是标题" :visible.sync="drawer_" :direction="direction"><span>我来啦! {{task.name}}</span></el-drawer></div></tem

#vue.js
去除element-ui中table 的hover效果

.el-table--enable-row-hover .el-table__body tr:hover > td {background-color: rgba(0, 0, 0, 0) !important;}写一个rgb 色值 替换即可

#css
vue+elementUI 上传图片时压缩图片

项目中由于后台接口的原因,写了两种上传方式1.自动上传2.手动上传针对这两种方式,记录下,如何压缩上传图片自动上传时压缩图片模板代码:<el-uploadclass="upload-demo marginBom":action="fileUrl + 'file'":data="{

#vue.js#es6#javascript
vue 项目中使用 评论功能 带emoji表情包

先看下效果:由于项目中需要做一个 评论的功能,思索一番 准备自己写,但打开度娘 一下就看到这个添加链接描述挺好的,还带表情 刚好满足需求1.安装 2.引入插件3.使用 就不在介绍 上面的链接有记录下我在项目中是怎么使用的以及改了哪些东西这是实际开发项目效果如最上面的效果图这里需要主要几点,关于使用和修改1.你可以 按照上面的步骤 npm安装,2.也可以自己在项目中封装这样一个评论组件,这样你也好改

#vue.js#javascript#es6
vue+tinymce 实现上传图片和自定义插件

选择富文本插件的时候 还是选择了这个 所见即所得的富文本编辑器 tinymce1.安装tinymcenpm install tinymce -Snpm install @tinymce/tinymce-vue -S如果安装失败,或者报一个 Obj…啥的错误也许是icon文件没引入,也许是版本不对。在package.json中加上一下的代码 然后npm install"@tinymce/tinymc

#vue.js#javascript
vue element-ui 封装drawer 抽屉组件

子组件<template><div class="com"><el-drawer title="我是标题" :visible.sync="drawer_" :direction="direction"><span>我来啦! {{task.name}}</span></el-drawer></div></tem

#vue.js
vue-admin-template搭建后台管理系统的学习(一)目录结构

首先我们来看看这个基础模版的目录结构├── build // 构建相关├── config // 配置相关├── src // 源代码│├── api // 所有请求│├── assets // 主题 字体等静态资源│├── components // 全局公用组件│├── directive // 全局指令│├── filtres // 全局 filter│├── icons // 项目所有 s

vue-admin-template搭建后台管理系统的学习(二)登录

此模版 用到的是mock模拟数据,在store中管理用户状态我们一步步改为我们自己想要的东西 即 在实际项目中我们是怎么实现登录的1.我们先找到这个登录页打开这个登录页在点击登录的时候有一个方法上面的图中 红框 部分 标记的意思是 在store文件中找到user文件中的login方法找到了这里就是处理登录的地方我们往下看 会看到一个Login方法两个login 第一个是在store=>use

axios 修改Content-Type设置

//如果想传过去的参数是字符串就是这用形式import axios from 'axios'import qs from 'querystring'axios.post(url, qs.stringify(params), {headers: {'Content-Type': 'application/json;charset=UTF-8'},}).then(res => res.data)

#vue.js
到底了