为了账号安全,请及时绑定邮箱和手机立即绑定

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

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

心有法竹 2018-10-20 10:11:14
<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没有起效果,这是为什么?
查看完整描述

1 回答

?
拉丁的传说

TA贡献1789条经验 获得超8个赞

你看是不是有警告信息。
要使用v-bind:class="value|filter"的形式
应该是用的2.X版本Vue吧,看下说明。传送门

查看完整回答
反对 回复 2018-11-15
  • 1 回答
  • 0 关注
  • 1636 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号