vue 常用设置

vue 常用 计算,方法,监听,过滤格式

var app =new Vue({
    el:"#app",
    data:{
        fileNames:''
    },
    computed:{//计算属性
        tbinfo:function(){            
            return 1+1;
        }
    },
    methods:{
        changeFeedType:function (type){//切换反馈类型
            this.feedType=type;
            this.$nextTick(function () { //视图更新后执行方法
                computerHeight();//设置高度
            });            
        },
        removeFile:function(index){//清空文件
            var file = document.getElementById("fileUP");
             // for IE, Opera, Safari, Chrome
             if (file.outerHTML) {
                 file.outerHTML = file.outerHTML;
             } else { // FF(包括3.5)
                 file.value = "";
             };             
             this.filesArr.splice(index,1);

        }    
    },
    watch: {//监听 data变化
        fileNames: function (val) {
            this.$nextTick(function () {
                //computerHeight();//设置高度
            });
        }   
        
      },
    filters:{//过滤
          toFix:function(v){              
              v=v/1024/1024;//换算为M
              if(v<0.01){
                  v=v*1024;
                  v=v.toFixed(2)+'KB';
                  return v;
              }else if(v>1024){
                  v=v/1024; //gB
                  return v.toFixed(2)+'GB'
              };
              return v.toFixed(2)+'MB'
          }
      }
     
});

 数据更新后,等待视图更新后执行的方法

 Vue.nextTick(function () {
                                       console.log('数据视图更新后执行')
                    computerHeight();//设置高度                    
                });