Vue.js 动态为img的src赋值问题？

Question

需求是这样：ajax获取数据如下{"code":"200","data":{"SumAmount":200,"List":[{"amount":100,"sex":"male","fee":1,"id":98,"status":2,"time":"2015-08-11"},{"amount":100,"sex":"female","fee":0,"id":8,"status":2,"time":"2015-06-12"}]},"msg":"success"}然后渲染列表到页面，如果男，则将img的src设为"images/male.png",反之设为"images/female.png"我现在的问题是，我只会将获取到的某一个字段如amount以{{amount}}丢到dom里，现在ajax获取到的不是直接的图片地址我需要先判断再加载图片我没想明白是用过滤器还是指令，具体应该怎么实现。初学求大神指点谢谢了

Answer 1

方法很多，我写我推荐的吧：
首先男女这样的标示属于装饰性内容，我建议写到css里面。也就是说用背景图的形式来控制现实男女
这样你有两个class.malefemale