跳至主要內容
  • Hostloc 空間訪問刷分
  • 售賣場
  • 廣告位
  • 賣站?

4563博客

全新的繁體中文 WordPress 網站
  • 首頁
  • ” filename | strip-ext ” 这是什么写法?
未分類
15 7 月 2020

” filename | strip-ext ” 这是什么写法?

” filename | strip-ext ” 这是什么写法?

資深大佬 : watanuki 3

看到别人写的一个 .vue 文件里有这样一行代码:
<div class=”filename”>{{ item.name | strip-ext }}</div>
效果是去除文件名中的文件扩展名后缀(”新建文本文档.txt” -> “新建文本文档”)

原来的项目没有用 eslint 和 prettier,在我启用了 eslint 和 prettier 后,上面的代码被编辑器自动格式化成下面这样:
<div class=”filename”>{{ item.name | (strip – ext) }}</div>
然后 eslint 报错说找不到 strip 和 ext 这两个变量

所以我就在想两个问题:
1. ” filename | strip-ext ” 这到底是个什么写法,是不是不太正规?
2. 去除文件名中的文件扩展名应该用什么方法比较正规?

大佬有話說 (9)

  • 資深大佬 : calmzhu

    这个是过滤器。一些情况下非常好用

    https://cn.vuejs.org/v2/guide/filters.html

  • 主 資深大佬 : watanuki

    @calmzhu #1 感谢回复。以前没有用过 vue 的过滤器,看起来确实很方便。

  • 資深大佬 : jeremaihloo

    使用 vue3.0 的 cli 的 create 命令创建的项目,应该 eslint 都配置好不会报错的了吧

  • 資深大佬 : ChanKc

    这个功能 vue3.0 不会再支持,我个人感觉看着也是不伦不类,不建议用

  • 資深大佬 : rizon

    我一个 java 开发都只是过滤器 狗头.jpg

  • 資深大佬 : azcvcza

    宁愿写 watch 来计算或者 computed

  • 資深大佬 : marcong95

    过滤器不也是个 js 函数么,用 hyphen 定义显然是有点问题的,{{ item.name | stripExt }}应该就挺正常了

    至于上说得 3.0 支不支持,这个到时候再说也行,毕竟现在还没 deprecated

  • 主 資深大佬 : watanuki

    @marcong95 #7 确实,坑就坑在他的过滤器命名没有遵循驼峰命名,使 prettier 误会成两个变量相减。

  • 資深大佬 : zhuweiyou

    @watanuki 噗。。。

文章導覽

上一篇文章
下一篇文章

AD

其他操作

  • 登入
  • 訂閱網站內容的資訊提供
  • 訂閱留言的資訊提供
  • WordPress.org 台灣繁體中文

51la

4563博客

全新的繁體中文 WordPress 網站
返回頂端
本站採用 WordPress 建置 | 佈景主題採用 GretaThemes 所設計的 Memory
4563博客
  • Hostloc 空間訪問刷分
  • 售賣場
  • 廣告位
  • 賣站?
在這裡新增小工具