0
텍스트 입력이 v-model
이고 텍스트 입력 값이 data
입니다. 또한 배열 data
에 업데이트하려면이 v-model
값이 변경되면 내 parse()
함수를 호출 할 수 있기를 바랍니다.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(',')
}
나는 V 모델 변경을 사용하여
parse()
기능
data.parsedInput
업데이트에 대한 이동하는 방법
? 이 작업을 수행하는 적절한 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>
: 다음 선언