vue.js - Vue2 v-bind:href 中如何使用过滤器？

问题描述

问 题

如题，我想在v-bind:href 中使用一个过滤器，获得组合后的href

<a class="topic_title" v-bind:href="info.id|getTitleHref" v-bind:title="info.title">{{info.title}}</a>

下面是Vue的代码

var vm = new Vue({
        el:'#topic_list',
        data:data,
        filters:{
            getTitleHref:function(val){
                return 'https://cnodejs.org/topic/' + val 
            }
        }
    })

然后一直报错

请大神拯救

解决方案

@orangexc @hjcc 感谢两位的帮助，问题已经解决，用methods,html写:href="getTitleHref(info.id )"，就OK了

function pushDom(data){
    var vm = new Vue({
        el:'#topic_list',
        data:data,
        methods:{
            getTitleHref:function(val){
                return 'https://cnodejs.org/topic/'+val
            }
        }
    })
    
}

这篇关于vue.js - Vue2 v-bind:href 中如何使用过滤器？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！