
vue
Yang-Z-Hua
Web前端开发
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
ElementUI table组件,固定列时,被固定的列下方没有横向滚动条,并且最后一行与其他行错位,并且固定列下方有白色区域
ElementUI table组件,固定列时,被固定的列下方没有横向滚动条,并且最后一行与其他行错位,并且固定列下方有白色区域原创 2022-11-28 09:43:55 · 2328 阅读 · 3 评论 -
vue+axios request拦截器与响应拦截器
vue+axios request拦截器与响应拦截器。原创 2022-08-18 09:05:16 · 458 阅读 · 0 评论 -
防止事件冒泡
active(event){ var event = event || window.event; if(event.stopPropagation){ event.stopPropagation(); }else{ event.cancelBubble = true; }};原创 2021-06-30 14:05:11 · 101 阅读 · 0 评论 -
vue项目配置不同的环境打包上传
vue项目配置不同的环境打包上传正常情况下,vue项目中build文件夹和config文件夹里有一下三个文件在build文件夹和config文件夹里新建以下文1,其中build中test.js文件中内容复制build.js内容,更改的地方有:2,其中build中webpack.test.conf.js文件中内容复制webpack.prod.conf.js内容,更改的地方有:,3,其中config中test.env.js文件中内容就是测试环境中的公共参数,例如:打包时,输入npm run t原创 2021-06-07 11:05:59 · 206 阅读 · 0 评论 -
vue使用wangEditor富文本编辑器上传本地图片到oss
vue使用wangEditor富文本编辑器上传本地图片到oss背景:本次上传方式采用的是 请求后台返回签名数据上传到oss;代码中使用的是ElementUI插件;项目是一个开放的平台,任何注册过的用户都可以使用平台中的富文本功能。第一步配置oss:1,权限管理–读写权限 设置为公共读写2,权限管理–跨域设置 设置为下图:注:最近听说新建的bucket,传入图片后直接引用图片地址默认为下载图片,没具体研究,好像需要主账号进行相应配置。代码部分第二步1,引入wangEditornpm原创 2021-05-24 14:41:26 · 2590 阅读 · 2 评论 -
基于Elementui的DatePicker时间组件,限制时间选择范围
基于网络文章的小改善http://element-ui.cn/article/show-171756.aspx文章中若用户首先选择结束时间则会出现开始时间不做限制的问题<el-date-picker v-model="settleTime" :picker-options="pickerOptions" size="small" type="daterange" range-separator="至" start-placeholder="开始日期" end-plac转载 2021-01-19 15:29:01 · 920 阅读 · 0 评论 -
防止input框自动填入密码
增加属性autocomplete=“new-password”原创 2019-12-31 09:49:31 · 412 阅读 · 0 评论 -
vue动态title
利用钩子函数判断设置首先路由文件加入meta{ //测试页面 path: 'test', alias: '/', name: 'test', component: test, meta: { title: '测试页面' } },main.js里设置钩子函数router.beforeEach((to, from, next) => {...原创 2019-08-28 09:28:01 · 199 阅读 · 0 评论 -
当路由信息全部由后台返回时,基于之前的路由遍历开发
路由权限表全部由后台返回时,会出现component指向问题,可新建一个js文件,用来映射,如下jsvar map = new Map()map.set("index", () => import ('@/views/index.vue'))map.set("h1", () => import ('@/index/home1.vue'))map.set("h...原创 2019-04-19 11:08:45 · 1050 阅读 · 0 评论 -
VUE依据数据双向绑定,实现节点操作
以一个添加input框为例data() { return { items:[null], itemList: [null], }}<template> <div> <button @click="add">添加</button> <input v-for="(item , index...原创 2019-03-06 11:44:07 · 203 阅读 · 0 评论 -
动态路由权限
路由权限的实现,基本原理是添加一个全局的前置钩子函数router.beforeEach(hook),这个函数会在路由切 换开始时调用,即在用户登录时,获取用户权限表,通过权限表与白名单对比,利用addRoutes()方法动 态挂在路由,即实现权限控制。下面我将对至二级路由的权限控制的思路即重要代码分布介绍: 我大体介绍一下本人项目中需要用到控制的点:平台中有三种登录身份:主账号,子账号...原创 2019-02-23 11:58:30 · 1137 阅读 · 0 评论