Vue Bug集

1.Vue定义全局变量是有顺序的:

window.dog="222";
var app = new Vue({
    el:'#app',
    mounted: function () {
        console.info("dog:"+dog);
    },
});

如果在Vue实例的前面定义是可以获取到dog变量

var app = new Vue({
    el:'#app',
    mounted: function () {
        console.info("dog:"+dog);
    },
});
window.dog="222";

如果在Vue实例的后面是获取不到dog变量的

2.数据显示调用使用filters,方式调用使用methods;

<div id="app">
    <div  v-for="item in shows" :class="getSelectItem(item.id)" class="cursor">{{item.name | filtersType}}</div>
</div>

<script>
    var selectList=[1,5];
    var app = new Vue({
        el:'#app',
        data: {
            shows:[{name:'666',id:2},{name:'888',id:1}],
        },
        mounted: function () {//Vue初始化调用

        },
        filters: {
            filtersType : function (value) {
                return value;
            }
        },
        methods:{
            getSelectItem :function(id) {
                if( window.selectList.indexOf(id)!=-1){
                    return "active";
                }else{
                    return "";
                }
            }
        }
    });


猜你喜欢

转载自blog.csdn.net/qq_42062941/article/details/80076590