鍍金池/ 問答/HTML/ vue數(shù)據(jù)沒有獲取到

vue數(shù)據(jù)沒有獲取到

用v-if判斷commends.length 就顯示el沒有獲取到，是什么原因啊
代碼如下：

<div class="recommend">
    <div class="recommend-content">
        <div v-if="recommends.length" class="slider-wrapper">
            <slider>
                <div v-for="item in recommends">
                    <a :href="item.linkUrl">
                        <img :src="item.picUrl" alt="">
                    </a>
                </div>
            </slider>
        </div>
        <div class="recommend-list">
            <h1 class="list-title">熱門歌單推薦</h1>
            <ul></ul>
        </div>
    </div>
</div>

js代碼

export default {
  data() {
    return {
      recommends: []  //這里應(yīng)該有值的啊
    };
  },
  created() {
    this._getRecommend();
  },
  methods: {
    _getRecommend() {
      getRecommend().then(res => {
        if (res.code === ERR_OK) {
          console.log(res.data.slider);
          this.recommends = res.data.slider;
        }
      });
    }
  },
  components: {
    Slider
  }
};

封裝方法

 export function addClass(dom, className){
        if(hasClass(ele,className)){
            return 
        }
        let newClass = ele.className.spilt(' ');
        newClass.push(className);
        ele.className = newClass.join(' ');
    }
    
    export function hasClass(ele, className){
        let reg = new RegExp('(^|\\s)'+className+'(\\s|$)');
    
        return reg.test(ele.className)
    }
回答
編輯回答
陪妳哭

生命周期圖示
created:掛載沒開始，$el屬性不可見

2017年10月12日 16:45
編輯回答
深記你

如果要獲取dom，那么你不能用v-if要用v-show，使用v-if的話，整個v-if的dom都不會出現(xiàn)在document中的，所以如果你要獲取dom的話切忌不能用v-if而是要用v-show

2017年2月15日 16:05
編輯回答
薄荷糖

方法封裝在 methods內(nèi)

2017年11月18日 09:22
編輯回答
笑忘初
export function addClass(dom, className){
        if(hasClass(dom,className)){ // 這里應(yīng)該是dom，不是ele
            return 
        }
        let newClass = dom.className.spilt(' ');
        newClass.push(className);
        dom.className = newClass.join(' ');
    }
    
    export function hasClass(ele, className){
        let reg = new RegExp('(^|\\s)'+className+'(\\s|$)');
    
        return reg.test(ele.className)
    }
2017年1月30日 14:50