vue $ref 的执行结果为什么是这样的？不应该先获取1 在获取0 吗

Question

vue $ref 的执行结果为什么是这样的？不应该先获取1 在获取0 吗

发布于
2019-03-25

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <script src='https://vuejs.org/js/vue.js'></script>
</head>
<body>
    <div id="test">
        <ul id="box" ref='box'>
            <li v-for='item in num'>{{item}}</li>
        </ul>
    </div>
    <script>
        new Vue({
            el:'#test',
            data:{
                num:[1,2,3,4,5,6,7,8]
            },
            mounted(){
                console.log(this.num, new Date().getTime());
                // var obox = document.getElementById('box');
                console.log(this.$refs.box.firstElementChild, new Date().getTime());
                this.num = [0].concat(this.num);
                console.log(this.num, new Date().getTime());
                // var oli = document.getElementsByTagName('li');
                // var odom = document.createElement('LI');
                // odom.innerHTML = 0;
                // this.$refs.box.insertBefore(odom,oli[0]);
                console.log(this.$refs.box.firstElementChild, new Date().getTime());
            },
            methods:{
            }
        })
    </script>
</body>
</html>

vue.js javascript 前端

阅读 1.7k

1 个回答

✓ 已被采纳