vue v-for中filter没有起效果?

<dl id="list">
    <template >
        <dd class="{{ message.type | convertType }}" v-for="message in messages">
            <ul>
                <li class="nick-name">{{ message.nickname }}</li>
                <li class="detail">
                    <div class="head-icon"></div>
                    <div class="text" v-if="message.dataType === 1">
                        <img src="{{ message.img }}">
                    </div>
                    <div class="text" v-else>
                        {{ message.text }}
                    </div>
                </li>
            </ul>
        </dd>
    </template></dl>

var vm = new Vue({
        el: "#list",
        data: {
            messages: []
        },
        filters: {
            convertType: function (type) {                return type === 0 ? 'me' : 'other';
            }
        }
    });

这是结果:

https://img4.mukewang.com/5becd4b40001d4d103270205.jpg

messageType没有起效果,这是为什么?

心有法竹
浏览 1637回答 1
1回答

拉丁的传说

你看是不是有警告信息。要使用v-bind:class="value|filter"的形式应该是用的2.X版本Vue吧,看下说明。传送门
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

JavaScript