V2EX = way to explore
V2EX 是一个关于分享和探索的地方
Sign Up Now
For Existing Member  Sign In
watanuki
V2EX  ›  Vue.js

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

  •  
  •   watanuki · Jul 19, 2020 · 2813 views
    This topic created in 2117 days ago, the information mentioned may be changed or developed.
    看到别人写的一个 .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 replies    2020-07-20 14:19:43 +08:00
    calmzhu
        1
    calmzhu  
       Jul 19, 2020 via Android   ❤️ 1
    这个是过滤器。一些情况下非常好用

    https://cn.vuejs.org/v2/guide/filters.html
    watanuki
        2
    watanuki  
    OP
       Jul 19, 2020
    @calmzhu #1 感谢回复。以前没有用过 vue 的过滤器,看起来确实很方便。
    jeremaihloo
        3
    jeremaihloo  
       Jul 19, 2020
    使用 vue3.0 的 cli 的 create 命令创建的项目,应该 eslint 都配置好不会报错的了吧
    ChanKc
        4
    ChanKc  
       Jul 19, 2020 via Android
    这个功能 vue3.0 不会再支持,我个人感觉看着也是不伦不类,不建议用
    rizon
        5
    rizon  
       Jul 20, 2020
    我一个 java 开发都只是过滤器 狗头.jpg
    azcvcza
        6
    azcvcza  
       Jul 20, 2020
    宁愿写 watch 来计算或者 computed
    marcong95
        7
    marcong95  
       Jul 20, 2020
    过滤器不也是个 js 函数么,用 hyphen 定义显然是有点问题的,{{ item.name | stripExt }}应该就挺正常了

    至于楼上说得 3.0 支不支持,这个到时候再说也行,毕竟现在还没 deprecated
    watanuki
        8
    watanuki  
    OP
       Jul 20, 2020
    @marcong95 #7 确实,坑就坑在他的过滤器命名没有遵循驼峰命名,使 prettier 误会成两个变量相减。
    zhuweiyou
        9
    zhuweiyou  
       Jul 20, 2020
    @watanuki 噗。。。
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Solana   ·   4639 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 45ms · UTC 00:13 · PVG 08:13 · LAX 17:13 · JFK 20:13
    ♥ Do have faith in what you're doing.