" filename | strip-ext " 这是什么写法? - V2EX
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
watanuki
V2EX    Vue.js

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

  •  
  •   watanuki 2020-07-19 11:5:22 +08:00 2503 次点击
    这是一个创建于 1918 天前的主题,其中的信息可能已经有所发展或是发生改变。
    看到别人写的一个 .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     Solana     2495 人在线   最高记录 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 28ms UTC 05:12 PVG 13:12 LAX 22:12 JFK 01:12
    Do have faith in what you're doing.
    ubao msn snddm index pchome yahoo rakuten mypaper meadowduck bidyahoo youbao zxmzxm asda bnvcg cvbfg dfscv mmhjk xxddc yybgb zznbn ccubao uaitu acv GXCV ET GDG YH FG BCVB FJFH CBRE CBC GDG ET54 WRWR RWER WREW WRWER RWER SDG EW SF DSFSF fbbs ubao fhd dfg ewr dg df ewwr ewwr et ruyut utut dfg fgd gdfgt etg dfgt dfgd ert4 gd fgg wr 235 wer3 we vsdf sdf gdf ert xcv sdf rwer hfd dfg cvb rwf afb dfh jgh bmn lgh rty gfds cxv xcv xcs vdas fdf fgd cv sdf tert sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf shasha9178 shasha9178 shasha9178 shasha9178 shasha9178 liflif2 liflif2 liflif2 liflif2 liflif2 liblib3 liblib3 liblib3 liblib3 liblib3 zhazha444 zhazha444 zhazha444 zhazha444 zhazha444 dende5 dende denden denden2 denden21 fenfen9 fenf619 fen619 fenfe9 fe619 sdf sdf sdf sdf sdf zhazh90 zhazh0 zhaa50 zha90 zh590 zho zhoz zhozh zhozho zhozho2 lislis lls95 lili95 lils5 liss9 sdf0ty987 sdft876 sdft9876 sdf09876 sd0t9876 sdf0ty98 sdf0976 sdf0ty986 sdf0ty96 sdf0t76 sdf0876 df0ty98 sf0t876 sd0ty76 sdy76 sdf76 sdf0t76 sdf0ty9 sdf0ty98 sdf0ty987 sdf0ty98 sdf6676 sdf876 sd876 sd876 sdf6 sdf6 sdf9876 sdf0t sdf06 sdf0ty9776 sdf0ty9776 sdf0ty76 sdf8876 sdf0t sd6 sdf06 s688876 sd688 sdf86