搜尋

首頁  >  問答  >  主體

javascript - Vue 如何取得v-for 遍歷出來的元素

<template>
    <p id="app" class="app">
        <p class="container">
            <p v-for="(item, index) in items">
                {{ item.name }}
            </p>
        </p>
    </p>
</template>

<script>
export default {
    name: 'app',
    data () {
        return {
            items: [
                {
                    name: 'a'
                },
                {
                    name: 'b'
                },
                {
                    name: 'c'
                },
                {
                    name: 'd'
                },
                {
                    name: 'e'
                },
            ]
        }
    },
    methods: {
        getWidth () {
            //  获取遍历 this.items 每个p 元素的宽度  offsetWidth;
            this.items.forEach(el => {
                // .....   怎么做?
            });
        }
    },
    mounted () {
        this.getWidth();
    }
}
</script>



只要能取得遍歷出來的目標元素 什麼都好說。好像做不了?

淡淡烟草味淡淡烟草味2748 天前539

全部回覆(1)我來回復

  • 过去多啦不再A梦

    过去多啦不再A梦2017-05-19 10:17:34

    mounted 那裡 用 this.$nextTick(()=>{this.getWidth()}) 這樣試試看?

    回覆
    0
  • 取消回覆