V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
watanuki
V2EX  ›  Vue.js

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

  •  
  •   watanuki · 2020-07-19 11:59:22 +08:00 · 1963 次点击
    这是一个创建于 1348 天前的主题,其中的信息可能已经有所发展或是发生改变。
    看到别人写的一个 .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 条回复    2020-07-20 14:19:43 +08:00
    calmzhu
        1
    calmzhu  
       2020-07-19 12:05:15 +08:00 via Android   ❤️ 1
    这个是过滤器。一些情况下非常好用

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

    至于楼上说得 3.0 支不支持,这个到时候再说也行,毕竟现在还没 deprecated
    watanuki
        8
    watanuki  
    OP
       2020-07-20 12:12:14 +08:00
    @marcong95 #7 确实,坑就坑在他的过滤器命名没有遵循驼峰命名,使 prettier 误会成两个变量相减。
    zhuweiyou
        9
    zhuweiyou  
       2020-07-20 14:19:43 +08:00
    @watanuki 噗。。。
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   我们的愿景   ·   实用小工具   ·   985 人在线   最高记录 6543   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 32ms · UTC 20:28 · PVG 04:28 · LAX 13:28 · JFK 16:28
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.