后台返回文件路径及文件名,前端展示只需要展示文件名,在Easyui中使用formatter方法很轻松就实现了,在vue中,需要使用过滤方式:

   

formatterfj方法为截取字符串返回文件名

该方法应放在filters中,filters应该放在mehtods方法外。

————————————————————————————————————————————————————————————————————————————

还需要点击文件名,向后台发送请求下载该文件,需要拿到该条记录的id,才能拿到该条记录的内容,使用a标签,获取该记录中的id

转载于:https://www.cnblogs.com/LiaoYunChuan/p/10813666.html

vue中展示列表,类似formatter方法及在vue中点击页面信息事件相关推荐

  1. created写法_在vue中created、mounted等方法使用小结

    created:html加载完成之前,执行.执行顺序:父组件-子组件 mounted:html加载完成后执行.执行顺序:子组件-父组件 methods:事件方法执行 watch:watch是去监听一个 ...

  2. 在vue中methods互相调用的方法

    在vue中methods互相调用的方法 转载于:https://www.cnblogs.com/macT/p/10212878.html

  3. 如何实现vue中的列表动画,如何封装vue动画

    文章目录 一.vue中的列表动画如何实现 列表动画原理: 二.vue中如何封装动画 第1个版本:css动画版 第2个版本: js动画版(推荐) 一.vue中的列表动画如何实现 举个例子: 列表动画原理 ...

  4. vue中DPlayer视频播放器使用方法

    vue中DPlayer视频播放器使用方法 1通过npm下载 npm install dplayer - s 2在需要使用的组件中导入 import Dplayer from 'Dplayer' 3页面 ...

  5. vue中实现打印功能的方法与注意事项

    vue中实现打印功能的方法与注意事项 一.使用方法: 1. 在HTML中 2. 在VUE项目中 二.问题总结 1. 设置打印方向 2. 设置打印高度 1. 单张打印 2. 循环打印 3. 获取打印操作 ...

  6. html展示列表,如何在HTML中展示列表?

    如何在HTML中展示列表? 在HTML中,我们可以创建三种类型的列表: 无序列表 有序列表 描述列表 无序列表 无序列表是顺序或顺序无关紧要的项的集合或集合.如果我们要在 HTML文档中创建无序列表以 ...

  7. Vue中v-bind=“$attrs”的使用方法

    $attrs 主要用于组件之间的隔代传值.例如有 父组件A,子组件B,孙组件C 三个组件. 在A组件中传值给C,可直接在B中的C上设置v-bind="$attrs",然后在C组件中 ...

  8. vue 中展示PDF内容

    vue 中展示PDF内容 不久前有个需要改的需求,以前是直接根据链接让用户下载对应pdf文件来查看,最主要是给用户查看,然而这种并不是很安全的,其他用户可以进行下载或者使用pdf链接分享给其他人,所以 ...

  9. 总结Vue中index.html、main.js、App.vue、index.js之间关系以及Vue项目加载流程

    总结Vue中index.html.main.js.App.vue.index.js之间关系以及Vue项目加载流程 文章目录 总结Vue中index.html.main.js.App.vue.index ...

最新文章

  1. 从点云中重建三维物体实例RfD-Net
  2. 7.3.7 - 并发多线程 死锁和递归锁
  3. 灵魂发明家自述:我就是靠这个创业成功的
  4. 3类6种,主流容器操作系统全比较
  5. 地图定点图表联动_拿下这套地图组件,快人一步做出炫酷报表!
  6. 今天工作中碰到一个clone的问题
  7. spring事务传播,隔离级别,
  8. 数据库事务的4大特性与隔离级别
  9. nginx 之 proxy_pass详解
  10. Markdown 编辑器 Editor.md 预览
  11. linux环境安装windows字体,linux安装windows字体
  12. 车辆检测和跟踪技术的研究与实现
  13. C#-初识Hangfire
  14. tf.range详解
  15. 软件工程专业的论文答辩_软件工程专业论文答辩一般都会问些什么问题啊?(我们老师没联系过我们,什么都不知道)?...
  16. 云服务器(阿里云)安装kafka及相关报错处理(WARN Connection request from old client /58.247.201.56:31365; will be dropp)
  17. 女朋友学计算机送什么礼物好,送经常面对电脑的女生什么礼物?
  18. 财付通开放平台 android,腾讯开放财付通对接平台
  19. View的这些基础知识你必须要知道,聪明人已经收藏了!
  20. Kaggle数据集猫狗分类(Pytorch+ResNet34预训练)99%以上正确率

热门文章

  1. 一图速览 | DTCC 2021大会,阿里云数据库技术大咖都聊了些什么?
  2. 如何保证 Serverless 业务部署更新的一致性?
  3. 雷锋网独家解读:阿里云原生应用的布局与策略
  4. DataWorks搬站方案:Airflow作业迁移至DataWorks
  5. Flutter瀑布流及通用列表解决方案
  6. “宜小搭”萌新报到,请多关照!
  7. 为了帮视障人士“看见”,阿里工程师做了哪些努力?
  8. OCM备考 一、Server config 之网络配置
  9. 设计模式之控制反转和依赖注入的使用小结
  10. 关于vue项目的打包