vue
刺骨寒风刺
敬畏,感恩
展开
-
element el-form-item el-input宽度设置
0 环境系统环境:win101 发现问题为el-input设置label-width="100px"不生效2 解决问题1 为当前页面所有el-input设置相同宽度.el-input { width: 自定义宽带;}原创 2021-06-01 10:18:31 · 7269 阅读 · 0 评论 -
vue+element表格中使用render函数(if判断处理)
0 环境系统环境:win101 问题描述使用别人集成好的table插件 复杂表格使用render操作 搜了一下render+if判断基本上是介绍createElement怎么用(也可能是我搜索姿势不对) 没爱了 我就想加2个判断 把值塞到标签里2 解决官网上写 在 Vue 中使用 JSX 语法,它可以让我们回到更接近于模板的语法上 react也有JSX语法 我直接试试用react写法写vue render函数1 对应列 columncolumn: [原创 2021-05-29 15:39:27 · 2459 阅读 · 0 评论 -
elementui移除tab报Avoided redundant navigation to current location: ***
theme: channing-cyan0 环境系统环境:win101 问题现在有4个标签页 当我从右往左(当前页)删除tab 没有任何异常 但当我删除用户管理 就会有报错提示 如图2 解决参考文章一种在路由push是加异常处理 第二种修改移除标签方法里代码逻辑1 路由push异常处理// 确定没有其他的异常 可以这么玩 当然不建议这么做this.$router.push(url).catch(()=>{});2 修改移除标签方法里代码逻辑仔细看就会.原创 2021-05-25 11:38:45 · 369 阅读 · 0 评论 -
el-dropdown-item添加@click不生效
0 环境操作系统:win101 正确代码<el-dropdown-item @click.native="logout">退出</el-dropdown-item>2 答案参考文章看了下拉菜单的文档 确实没有click事件说明(不想用文档上的方法) 但使用click又不生效 最后在segmentfault找到了答案 将@click改为@click.native即可 当你给一个vue组件绑定事件时候,要加上native!如果是普通的html元素!就不需要或者是nat原创 2021-05-22 10:16:26 · 384 阅读 · 0 评论 -
vue echarts饼图封装以及同一个组件2个饼图不加载问题解决
0 环境系统:win10前端框架:vue前端IDE:vscode1 饼图封装1 安装echartsnpm install echarts --save2 查看是否安装成功文件查看界面查看(win+r --> 输入cmd --> 输入vue ui 等待启动)3 在main.js中引入echartsimport echarts from "echarts";Vue.prototype.$echarts = echarts;2 封装组件1 新建子组原创 2020-12-16 16:45:50 · 2445 阅读 · 0 评论 -
centos8下django+vue前后端分离(阿里云)之后端配置
是原创 2020-12-10 13:28:44 · 270 阅读 · 1 评论 -
django+vue axios简单封装
0 环境系统环境:win10前端编辑器:vscode依赖:axios1 axios安装1 方式1(命令操作)// 安装axios(创建的vue项目的根目录)npm install axios; 2 方式2(可视化界面操作)快捷方式(win+r) --> cmd --> 输入vue ui --> 自动会跳转8000端口(默认)2 封装axios可以配合全局拦截(请求拦截+响应拦截) 自行搜索1 新建http.js2 curd封装import原创 2020-12-03 15:29:55 · 788 阅读 · 0 评论 -
vue一键复制实现 笔记
0 环境系统环境:window编辑器:IDEA,vscode1 准备vue-clipboard2参考资料2 安装安装vue-clipboard2npm install --save vue-clipboard2在main.js中引入它import VueClipboard from 'vue-clipboard2'Vue.use(VueClipboard)3 实现效果参考代码 <p>{{message}}</p> <button原创 2020-09-16 14:45:04 · 394 阅读 · 0 评论 -
在element ui中如何自定义el-date-picker的宽度 笔记
0 环境系统:win10IDE: IDEA数据库:sqlserver1 正文网上试了好几种方法 没生效 前端水平太菜了 没办法最后添加个style 在里面定义宽度 <el-date-picker>style="width:250px"</el-date-picker>原创 2020-07-09 16:28:51 · 21093 阅读 · 7 评论