반응형
<script>
export default {
data() {
return {
inputs: [
{ id: Date.now(), name: '', lastName: '' }
]
}
},
methods: {
displayRef(ref) {
console.log(this.$refs[ref]) // <= accessing the dynamic ref
console.log('The value of input is:',this.$refs[ref][0].value) //<= outpouting value of input
},
displayAllRefs() {
console.log(this.$refs)
}
}
}
</script>
참조 : https://stackoverflow.com/questions/45563329/how-to-add-dynamic-ref-in-vue-js
반응형
':::: 개발 :::: > ::: Vue:::' 카테고리의 다른 글
vue input 실시간 확인 (input 이 비어있거나 혹은 공백 처리) (0) | 2023.10.13 |
---|---|
vue axios 60초 마다 갱신 (0) | 2023.08.21 |
webpack 오류 vue-loader was used without the corresponding plugin (0) | 2023.08.13 |
lodash _.remove 가 잘 안됨 (0) | 2023.08.10 |
vue tree menu test code (0) | 2023.08.01 |
가져온 object에서 특정 key 제외 출력 (0) | 2023.07.12 |
vue SSO 작업 중 error 해결 정리 (0) | 2023.02.07 |
회사에서 npm install 안될때 (0) | 2023.01.26 |