vue如何处理读取过来的json数据，处理后再塞进html

Question

新手，用vue读取过来数据，如何处理一下然后再用，其实就是拿到的时间格式处理一下后边的.0再塞进html，求教

js：

if(flag){        
    var selectNb = new Vue({
      el:'#memberList',
      data:data,
      methods:{
        time:function(val){
          return val.substring(0,val.length-2);
        }
      }
    });
    console.log(selectNb.time('12121221.0'));

Answer 1

可以用计算属性

computed: {
    time: function() {
        return this.val.substring(0,val.length-2)
    }
}

<div>{{time}}</div>

或用过滤器

Vue.filter('timeFormater', function(val){return val.substring(0,val.length-2)})

<div>{{time | timeFormater}}<div>

Answer 2

如果一定是.0总共两位

xxx.memberCreateTime.slice(0, xxx.memberCreateTime.length - 2)

如果是.后面有几位都不确定

xxx.memberCreateTime.slice(0, xxx.memberCreateTime.lastIndexOf('.'))

如果连有没有.xx都不确定

<div>{{getTime(xxx.memberCreateTime)}}</div>

getTime (time) {
    let index = time.lastIndexOf('.')
    return index > -1 ? time.slice(0, index) : time
}