vue.js에서 특정 dom 요소의 값을 가져오는 방법: 1. [vue.js1.0] 버전에서는 [v-el]을 통해 dom 요소를 가져올 수 있습니다. js2.0] 버전에서는 ref 속성을 사용하여 요소를 식별합니다.
이 튜토리얼의 운영 환경: windows10 시스템, vue2.5.2, 이 기사는 모든 브랜드의 컴퓨터에 적용 가능합니다.
【추천 관련 기사: vue.js】
vue.js 특정 DOM 요소의 값을 가져오는 방법:
1, vue.js1.0 버전
을 전달할 수 있습니다: v-el dom 요소를 얻으려면
예:
html 코드:
<input type="text" name="xxx" id="xxx" v-el:sxx /> <button @click="ok()">确定</button>
js 코드:
var vm = new Vue({ el: '#app', methods: { ok() { var xx = this.$els.sxx.value; console.log(xx); } } });
결과:
2, Vue.js2.0 버전
Vue.js 2.0 ref를 사용하여 대체 v-el 및 v-ref 외에도 ref 속성을 사용하여 요소를 식별합니다. .
쓰면
<input type="text" name="xxx" id="xxx" ref='sxx' /> <button @click="ok()">确定</button>
부르면 똑같아
var vm = new Vue({ el: '#app', methods: { ok() { var xx = this.$refs.sxx.value; console.log(xx); } } });
관련 무료 학습 추천: JavaScript(동영상)
위 내용은 vue.js에서 특정 dom 요소의 값을 얻는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!