Vue.js
lect の option を動的に作る場合、次のように v-for を使用して実現できるそうです。 <div id="app"> <select> <option v-for="item in options">{{ item }}</option> </select> <button type="button">ボタン</button> </div> var app = new Vue({ el: '#app', data:{ options: ['とんかつ', 'らーめん', 'かれー'] } }); しかし、これだと一瞬ですが次のように {{ item }}…
同じテーマでいくつか事象があるようですが、今回は単純なタイプミス系の話です。 ■ 期待する動作 次のコードのセットは期待通りに動作します。 <html> <body> <div id="app"> <input type="text" v-model="message" /> <p>{{ message }}</p> <button type="button" v-on:click="handleClick">ボタン</button> <p>{{ message }}</p> </div> <script src="vue.js"></script> </body></html>
