반응형
VueJ를 통해 DOM 요소 선택s
DOM과 대화하기 위해 클리어 자바스크립트를 사용하여 크롬 확장자를 작성했지만, 지금은 VueJ를 공부하고 Vue를 사용하기 위해 확장자를 다시 씁니다.한 가지 문제가 있습니다.<input>요소가 Vue에 연결되어 있습니다.
이 값은 를 사용합니다.bg.cp이제 DOM 요소를 선택해야 합니다.를 사용하는 대신 Vue 인스턴스를 사용하여 텍스트를 선택할 수 있는 방법이 있습니까?document.getElementById('test').select()?
최종적인 목표는, 이 파일을<input>클립보드로 이동합니다.
<body>
<div id="appBg">
<input v-model="cp" id="test">
</div>
<script>
//vue instance of div with input field
var bg = new Vue({
el: "#appBg",
data: {
cp: ""
}
});
</script>
</body>
DOM 속성에서 ref를 사용하여 js 섹션의 $refs로 호출할 수 있습니다.
예:
<input ref="inputName" />
및 js 섹션콜에서
this.$refs.inputName
여기서 당신은 그것에 대한 설명을 읽을 수 있다.
언급URL : https://stackoverflow.com/questions/57499630/select-dom-element-via-vuejs
반응형
'programing' 카테고리의 다른 글
| Java String을 바이트로 변환하는 방법[] (0) | 2022.08.18 |
|---|---|
| 구조에서 변수 이름 앞에 있는 점은 무엇을 의미합니까? (0) | 2022.08.18 |
| C에 부호 없는 포화 덧셈을 어떻게 하나요? (0) | 2022.08.18 |
| Axios 다운로드 파일(오른쪽 확장자) (0) | 2022.08.18 |
| Java 어소시에이션 어레이 (0) | 2022.08.18 |