0
v-modelのテキスト入力はdataにバインドされています。配列dataを更新するために、このv-modelの値が変更されたときに私のparse()関数を呼び出すこともできます。私はV-モデルチェンジを使ってparse()機能でdata.parsedInputを更新して行く必要がありますどのようにv-model変更時の値の更新
<div id="app">
<input
id="user-input"
type="text"
v-model="userInput">
<ul id="parsed-list">
<li v-for="item in parsedInput">
{{ item }}
</li>
</ul>
</div>
new Vue({
el: '#app',
data: {
userInput: '',
parsedInput: []
}
})
let parse = input => {
return input.split(',')
}
？これを行う正しいVueの方法は何ですか？追記として
let parse = input => {
return input.split(',')
}
new Vue({
el: '#app',
data: {
userInput: '',
},
computed: {
parsedInput() {
return parse(this.userInput)
}
}
})<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.2.1/vue.js"></script>
<body>
<div id="app">
<input id="user-input" type="text" v-model="userInput">
<ul id="parsed-list">
<li v-for="item in parsedInput">
{{ item }}
</li>
</ul>
</div>
</body>：宣言