Vue在生命周期中获取渲染到页面上元素的几个方式

export default {
        name: 'home',
        data(){
            return {
                bannerImg: '',
                indexUrl: 'http://wx.chuangyejia.com/dev/newapi/hmxy/term/index?id=1',
                scheduleBase: {},
                courseData: [],
                tutorData: {},
                content: [],
                studentList: {}
            }
        },
        mounted(){
            let _this = this;
            this.$http.get(_this.indexUrl).then(({data:{code, data, jssdk, msg}})=> {
                if (code == 0) {
                    _this.content = data.info.contents;
                    _this.scheduleBase = data.base;
                    _this.courseData = data.course;
                    _this.tutorData = data.mentors;
                    _this.studentList = data.students;
                    Store.set('schedule-base', _this.scheduleBase);
                    Store.set('course-data', _this.courseData);
                    Store.set('tutor-data', _this.tutorData);
                    Store.set('student-list', _this.studentList);
                    this.$nextTick(function () {
                        console.log(document.querySelectorAll(".num1"));

                    });
                } else {
                    MessageBox('提示', msg)
                }
            }, ({data:{msg}}) => {
                MessageBox('提示', msg);
            });

            var count = 0;
            var setInt = setInterval(function () {
                count++;
                console.log(count++);
                console.log(document.querySelectorAll(".num1"));
                if (document.querySelectorAll(".num1")) {
                    clearInterval(setInt);
                }
            }, 500);

        },
        updated(){
            console.log(document.querySelectorAll(".num1"));
        },
        methods: {},
        components: {
            'c-header': cHeader,
            'footer-btn': footerBtn,
            Scroller
        }
    }
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容