v-forの内部でvue-js-popoverを使用したい（popoverが出ません）

Question

環境
Vue.js 2.5.9
vue-js-popover 1.1.7

<table>の<tr>でv-forを使い、ループを回す形で、 テーブルのセルの値をクリックするとpopoverが表示される画面を作りたいですが、 以下のコードでpopoverが出ません。 <popover>の実装の仕方がよくないかと思っていますが、 どこに配置したらよいかアドバイスいただけますでしょうか。 よろしくお願いします。

        <tbody>
            <tr v-for="res in searchResult">
                <td>{{ res.customer }}</td>
                <td>
                    <div v-if="res.data.id_order.length === 0">
                        0件
                    </div>
                    <div v-else>
                        <a :v-popover="'{ name: \'' + res.customer + '\'}'">{{ res.data.id_order.length }}件</a>
                    </div>
                </td>
                <popover v-bind:name="res.customer">
                    {{ res.data.id_order_list }}
                </popover>
            </tr>
        </tbody>

Answer 1

おそらく v-popover の前の : は不要なのと、文字列型じゃなくてオブジェクトを渡さなければならないです。

<a :v-popover="'{ name: \'' + res.customer + '\'}'">
↓
<a v-popover="{ name: res.customer }">

Comments

[darum]

できました。ありがとうございました。

vue-js-popoverのソースも読んだんですが、そこまで考えが及びませんでした。
もうすこしJavascriptの基礎的なところを抑えていこうと思います。