Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |
Tags
- ubuntu
- staging area
- imagemagick
- SQL
- Wordpress
- working directory
- NGINX
- Selenium
- AWS
- php
- ec2
- controller
- props
- dockerfile
- laravel
- linux
- cron
- Git
- javascript
- Python
- Ruby On Rails
- MySQL
- pagination
- docker-compose
- vue
- docker
- react
- codeigniter4
- ruby
- centOS7
Archives
- Today
- Total
내가 한 노력들
[ Vue.js ] ref 속성을 이용한, 태그 가져오기 본문
<div ref="getData" @click="aaa">Click me</div>
div를 클릭하면 aaa 함수를 실행
methods: {
aaa() {
console.log(this.$refs.getData);
}
}
ref 속성으로 작성한 것은 vue 인스턴스의 $refs 속성을 이용해서 가져올 수 있습니다.
vue에 내장된 속성은 앞에 "$"를 붙혀서 가져오게 됩니다.
$refs 다음에는 가져오고자 하는 ref 속성의 값을 넣어주면 해당 ref 속성 값을 가지고 있는 태그값을 가져올 수 있습니다.
'IT 공부 > Vue' 카테고리의 다른 글
[ Vue ] 형제 컴포넌트간의 통신하는 방법 (0) | 2022.12.01 |
---|---|
[ Vue.js ] 문자열을 코드로 인식하게 하기 (0) | 2021.08.17 |
[ Vue.js ]데이터의 속성값 가져오는 법 (0) | 2021.08.17 |
[ Vue.js ] 게시판만들기 (Update, Delete) (0) | 2021.08.05 |
[ Vue.js ] 게시판만들기 (Read, Create) (0) | 2021.08.04 |