vue :class 调用函数

北方的刀郎

于 2022-08-22 18:09:29 发布

阅读量1.5k

点赞数

分类专栏： vue 文章标签： Vue.js 类选择器数据操作模板方法前端开发

本文链接：https://blog.csdn.net/forest_fire/article/details/126471199

版权

vue 专栏收录该内容

2 篇文章

订阅专栏


<div id ="#vue">
    <div  :class="is_selected('轿车')">轿车</div>
    <div  :class="is_selected('卡车')">卡车</div>
    <div  :class="is_selected('火车')">火车</div>

</div>




var vm= new Vue({
            el: "#app",
            data: {
                nowTag:'轿车_卡车'
            },

            methods: {
               is_selected(str){
                var nowTag = this.nowTag ;
                if(nowTag &&nowTag.indexOf(str)>-1){
                    return 'active';
                }else{
                    return '';
                }
            }
        });


}

vue :class 调用函数，一些杂的判断就可以在函数钟进行写了。