vue.jsで単一ファイルコンポーネントを使っています。
html(templateタグ内)で特定のタグを複数回表示したく、スプレッド演算子を用いて下記のように書いたところ動作しませんでした。
html
1<template> 2 <div> 3 <div v-for="(n,idx) in [...Array(9).keys()]" :key="idx">{{n}}</div> 4 </div> 5</template>
同じファイル内でjavascriptではスプレッド演算子は使えています。
javascript
1<script> 2export default { 3 methods: { 4 clicked() { 5 console.log([...Array(9).keys()]); //これは動く 6 } 7 } 8} 9</script>
vue-cliでプロジェクトを作成したため、webpackなどは特にいじっておりません。
他の方がtemplate内でスプレッド演算子を使っているコードは見たことがあります。
どうしたら動作するようになりますか。
##追記
html
1<div v-for="(n,idx) in [...Array(9)]" :key="idx">{{n}}</div>
としたところ中身が空のdivが9個できたのでスプレッド演算子ではなくkeys()が動作していないと思われます。
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2018/08/14 05:40
退会済みユーザー
2018/08/14 05:57
2018/08/14 07:10