vue v-for中的:style怎么使用过滤器

Question

我item.img，要在前面拼接一个地址，请问可以实现吗item.img|imgFormatter不行

    <div class="swiper-slide" :style="{backgroundImage: 'url(' + item.img + ')'}">
            <div class="text-c cm-content">

            </div>
    </div>

Answer 1

如果是项目内的相对地址要用require

Answer 2

官方已经不推荐用过滤器了.

| 本身在js里是操作符,过滤器相当于自创了有歧义的语法.而且功能实际可以被methods替代.

建议用一个计算属性把url处理好,专用于渲染

localList() {
    return this.list.map(it => ({
        ...it,
        img: imageFormatter(it.img)
    }))
}