随笔分类 -  vue

2021-11-23 点击添加按钮往table表格push一条数据以及分页功能
摘要:效果: 功能描述: 添加行:点击按钮,table表格新增一条数据。导 入: 点击导入按钮,弹出上传文件组件,这里可以导入execl格式的表格,然后把导入的数据回显到table表格中。操作栏: 点击删除按钮, 删除table表格此行数据。table-header 搜索框: 输入内容,搜索出相对应的数据 阅读全文

posted @ 2021-11-23 10:49 有匪 阅读(569) 评论(0) 推荐(0)

2021-10-15 纯前端实现导出excel表格功能
摘要:场景描述: 由于 el-table 表格展示的数据是存在storage中且要在表格的操作栏添加一个导出按钮,所以这个功能只能由纯前端的方式来实现 <el-table ref="table" :data="dataTable" hightlight-current-row border height= 阅读全文

posted @ 2021-10-15 14:59 有匪 阅读(545) 评论(0) 推荐(0)

2021-05-25 element中table表格使用 type=expand时,如果不要箭头的话也可以做到手动设置展开或关闭子级内容
摘要:背景: 当行内容过多并且不想显示横向滚动条时,可以使用table展开行功能。 通过设置 type="expang" 和 scoped slot 可以开启展开行功能, el-table-column 的模板会被渲染成为展开行的内容,展开行可访问的属性与使用自定义列模板时的 scoped slot 相同 阅读全文

posted @ 2021-05-25 18:25 有匪 阅读(4080) 评论(0) 推荐(0)

vue 项目使用element ui 中tree组件 check-strictly 用法(父子不互相关联的反显情况)
摘要:属性 check-strictly: 在显示复选框的情况下,是否严格遵循父子互相关联的做法,默c认为 false。 默认false,父子关联。 点击父节点,其下子节点全部统一跟随父节点变化,点击子节点,子节点部分勾选时,父节点处于半选状态。 设置为true,严格遵循父子不互相关联。 就是点击全选的话 阅读全文

posted @ 2021-02-26 10:55 有匪 阅读(9522) 评论(2) 推荐(2)

高德地图进行线路规划绘制标记点操作(vue)
摘要:需求:根据markers来绘制标记点且进行连线,不同的路线绘制不同的颜色。 vue://html <template> <div class="map-container"> <div id="mapContainer"></div> </div> </tempalte>//jsexport def 阅读全文

posted @ 2021-02-02 12:55 有匪 阅读(2450) 评论(0) 推荐(0)

vue中实现拖拽调整顺序功能
摘要:使用 vuedraggable 组件 或 vue-dragging 指令方式 实现 拖拽调整顺序功能。 使用组件: vuedraggable vuedraggable + transition-group ,组合使用效果更奈斯哦使用方式: 1、先安装 npm install vuedraggable 阅读全文

posted @ 2021-02-02 12:49 有匪 阅读(3014) 评论(0) 推荐(0)

vue 中 emit 触发 自定义组件事件报错Custom event name ‘clickFather‘ must be kebab-case 原因
摘要:问题描述: 在vue项目中触发自定义组件事件,然后报错提示 custom event name 'clickFather' must be kebab-case 。 解决办法: 将用emit触发的这个方法名称 换成小写的 => clickfather 这样子就不会报错了。 阅读全文

posted @ 2020-11-19 13:34 有匪 阅读(1803) 评论(0) 推荐(0)

vue 项目中使用原生 input type="file" 上传图片
摘要:vue 项目中使用 原生 input type=“file” 上传图片 //html 代码<input type="file" @change="uploadImg" accept="image/*" />//js 代码uploadImg:function(e){ let that = this; 阅读全文

posted @ 2020-04-23 13:43 有匪 阅读(1824) 评论(0) 推荐(0)

vue + element ui 搭建后台管理系统
摘要:界面图:(vue+element ui 框架搭建的,所以element框架是一定要下载引入进来的哦) 首先用 vue init webpack management_backstage 创建项目(node,脚手架之类的是要提前安装好的哦) cd management_backstage 到项目目录中 阅读全文

posted @ 2020-04-01 17:50 有匪 阅读(1579) 评论(0) 推荐(0)

vue 安装不上且报错'无法加载文件...因为系统上禁止运行脚本'
摘要:按照官网流程创建项目,但是查看 vue 版本的时候却报截图中的错误: 解决办法: 搜索 powershell ,并且以管理员身份打开powershell。 输入 set-ExecutionPolicy RemoteSigned 。 全部选 Y 。 然后再 重新创建项目即可。 参考链接: https: 阅读全文

posted @ 2020-03-30 13:58 有匪 阅读(992) 评论(0) 推荐(0)

关于vue父子组件传值问题以及隔代组件传值(即爷孙组件)
摘要:今看到一篇关于vue传值的文章,遂记下。共勉之! /* * 父组件界面写法 */ <template> <div id="home"> <child :sendDataToChid="words" :sendSecondData="moreWords" @fromSon="fromSon"> </c 阅读全文

posted @ 2019-08-20 20:08 有匪 阅读(1683) 评论(0) 推荐(1)

导航