element ui el-popover を繰り返す

表題の通り。

elementui の el-popoverを繰り返したい。

hoge.vue

<div v-for="(v,key) in list">

        <el-popover
                placement="top"
                width="160"
                v-model="visible[key]">
            <div>
                <el-button @click="visible[key] = false" size="mini" type="text" style="color: #666;">既読にする</el-button>
            </div>

            <el-button slot="reference" size="mini" type="text" style="color: #666;" @click="visible[key] = true"><i class="fa fa-ellipsis-h" aria-hidden="true"></i></el-button>
        </el-popover>
</div>


//略

data () {
    return {
        visible:[]//[]にするのが味噌

こんな感じ。