vue
mobile18600007978
活到老学到老,分享已知,学习未知;
且行且思考,且行且总结
展开
-
解决el-table设置了fixed固定列导致的左右滚动条无法拖动问题
解决方法,给每列设置width绝对宽度,即可生效。原创 2023-02-13 09:46:20 · 1557 阅读 · 0 评论 -
Vue跳转到一个新的页面的多种方法
通过router-link或者button或者a链接的方法1、router-link路由<router-link :to="{ path: '/a/b' }" // tag="button" //作为一个按钮,样式得自己再写一下,不方便,请选用第二种方式 >查看当前排名</router-link > 其中/a/b为router路由的路径2、button按钮<el-button type="primary" ico原创 2020-12-14 15:19:56 · 16958 阅读 · 2 评论 -
vue实现动态增加表格input框,并且提交时校验表格的数据
作为后台研发写js和样式就头大,但是后台管理往往不需要前端人员的参与,后来学习了vue发现功能太强大,省心省力,不仅bug减少,页面交互也友好;写一个页面比原来提高了效率。喜欢!!!以下是我遇到的问题之一,并且查阅别人的解决办法,总结下来:在实现动态增加表格input框,并且提交时校验表格的数据;重点在于prop绑定的对象; <el-table :data="formData.tableDataList" ><el-form-item原创 2020-12-04 14:01:19 · 3007 阅读 · 1 评论 -
vue 中 [__ob__: Observer]问题解决方案
vue写的前端请求后台接口时,遇到传参解析错误的问题,比如vue 中 [ob: Observer]问题;问题描述,前端传的是数组类型,数组中存放的是对象;而后台接收打算通过List类型springboot No primary or default constructor found for interface java.util.List后来在网上找到的答案是,后台通过一个String类型接收:@RequestParam(value = "content") String content,S原创 2020-12-01 15:54:41 · 7157 阅读 · 0 评论 -
devServer之proxy跨域
概念什么是同源策略同源策略是一种约定,它是浏览器最核心也最基本的安全功能,如果缺少了同源策略,则浏览器的正常功能可能都会受到影响。可以说Web是构建在同源策略基础之上的,浏览器只是针对同源策略的一种实现。所谓同源是指:协议、域名、端口都相同什么是跨域跨域就是不同源,就是不满足协议、域名、端口都相同的约定如:看下面的链接是否与 http://www.test.com/index.html...转载 2019-09-04 19:46:31 · 22247 阅读 · 4 评论 -
HTML DOM中的Location用法详解
Location介绍location指示了其所连接对象的url位置。Document和window对象中都有location属性,可以通过window.location和document.location访问。注意 如果想要获得当前文档的完整url字符串,有四种方式document.locationdocument.location.hrefdocument.URLdocument....转载 2019-09-04 19:39:18 · 257 阅读 · 0 评论 -
Node.js的process模块
process模块用来与当前进程互动,可以通过全局变量process访问,不必使用require命令加载。它是一个EventEmitter对象的实例。属性process对象提供一系列属性,用于返回系统信息。process.pid:当前进程的进程号。process.version:Node的版本,比如v0.10.18。process.platform:当前系统平台,比如Linux。pro...转载 2019-09-04 15:01:35 · 140 阅读 · 0 评论 -
java前后端分离,前端部署的方式
目前公司在开发web应用时,普遍采取的是前后端分离的方式,将前后端的开发人员开发代码分开,后台使用java语言,前端使用node.js环境,vue语言开发,初期开发使用mock数据不依赖后台服务;一个项目评审后各自搭建工程,后台开发接口,前台开发页面,两者互不影响,等到开发完成花几天的时间进行联调,部署发布上线时,前端静态资源放在CDN,将编译后的静态html页面提供给后端,部署;好处是解放了前端...原创 2019-05-10 18:55:34 · 27801 阅读 · 0 评论 -
elementui table树形数据无效问题
因为element-ui的版本太低导致,使用下面命令更换成最新版本:npm uninstall element-ui -Snpm install element-ui -S原创 2019-05-14 20:38:29 · 12754 阅读 · 10 评论 -
前端vue中文件下载的几种方式
第一种方式是前端创建超链接,通过a标签的链接向后端服务发get请求,接收后端的文件流,非常简单:<a :href='"/user/downloadExcel"' >下载模板</a>另一种情况是创建div标签,动态创建a标签:<div name="downloadfile" "downloadExcel()">下载</div>function...原创 2019-04-03 10:05:23 · 187445 阅读 · 30 评论 -
element-ui 时间选择范围
template中: <el-date-picker v-model="temp.date" type="date" placeholder="选择日期" :picker-options="pickerOptions1"></el-date-picker>script中:return { pickerOptions1: { disabl...原创 2019-03-22 15:34:22 · 1443 阅读 · 0 评论 -
element-ui组件库上传文件的使用(一、上传一个文件)
单独提一个子组件文件出来:<template> <div class="upload-container"> <el-dialog v-loading="loading" :title="title" :visible.sync="visible" width="70%" :before-close="beforeClose"> <...原创 2019-03-22 10:09:22 · 10048 阅读 · 0 评论 -
element-ui table表格的排序
首先阅读api文档,文档还是说的很清楚http://element-cn.eleme.io/#/zh-CN/component/table本人实践:向后台服务发请求,进行数据列表的排序,先在需要排序的字段上增加sortable="custom" 和prop,比如使用开始使用排序prop="createTime";然后在el-table上绑定事件@sort-change="sort...原创 2019-03-20 14:59:45 · 3974 阅读 · 1 评论 -
解决@vue/cli 创建项目是安装chromedriver时失败的问题
最近在使用新版vue的命令行工具创建项目时,安装chromedriver老是失败,导致后面的步骤也没有进行。网上搜索了一下,全是使用npm install chromedriver --chromedriver_cdnurl=http://cdn.npm.taobao.org/dist/chromedriver安装的,由于@vue/cli安装chromedriver失败,文件目录结构都不完整...转载 2018-11-28 13:41:29 · 643 阅读 · 2 评论