<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'; } } });
这是结果:
messageType没有起效果,这是为什么?
拉丁的传说
相关分类