vue 에 있 는$이벤트 이해 와 프레임 워 크 에 기본 값 외 전 참 을 포함 합 니 다.
vue 의 일반적인 방법 에는 기본적으로 이벤트 DOM 이벤트,예 를 들 어 greet 방법 이 있 습 니 다.내 연 함수 라면 warn 방법 과 같이 방법 을 정의 하 는 곳 에서$event 를 동시에 전송 하면 됩 니 다.여기 서 강조해 야 할 것 은 iview 에서 select 구성 요 소 를 사용 합 니 다.on-change 이벤트 에서 사용자 정의 인 자 를 입력 하려 면 직접 전송 방식 을 사용 합 니 다.들 어 오 는 인 자 를 가 져 옵 니 다.
그러면 이 방법의 기본 반환 값(즉,매개 변 수 를 전달 하지 않 을 때 돌아 오 는 기본 선택 값)을 어떻게 가 져 옵 니까?여 기 는$event 를 사용 하여 선택 한 값 을 전달 합 니 다.예 를 들 어 test 방법 과 같이$event 만 선택 한 값 을 전달 할 수 있 고 다른 것 은 일반적인 매개 변수 일 수 있 습 니 다.
이 럴 때 dom 이 벤트 를 가 져 오 는 것 은 의미 가 없 는 것 같 습 니 다.이 select 는 iview 로 포 장 된 구성 요소 이기 때 문 입 니 다.
물론 구체 적 인 원인 은 여기 서 사용자 정의 구성 요소 입 니 다.vue 에서 사용자 정의 구성 요소 가 부모 구성 요소 에 전 달 될 때$emit 를 통 해 이 벤트 를 촉발 합 니 다.부모 구성 요 소 는 v-on 을 통 해 이 벤트 를 감청 합 니 다.하위 구성 요소 가 부모 구성 요소 에 인 자 를 전달 하면 감청 이벤트 에서$event 를 통 해 인 자 를 받 습 니 다.
아래 그림
만약 여기에 방법의 방식 으로 쓰 여 있다 면,이 방법 은 기본적으로 하나의 인자(즉 하위 구성 요소 가 부모 구성 요소 에 전달 하 는 값)를 받 아들 이 는 것 이 며,또한 우리 가 프레임 워 크 의 구 조 를 호출 할 때 말 하 는 기본 반환 값 입 니 다.
v-on:formChild='change'
방법
change(child){conslo.log(child)}
하위 구성 요소 가 부모 구성 요소 에 전달 하 는 값 외 에 사용자 정의 값 을 추가 하려 면 하위 구성 요소 가 전달 하 는 기본 값 을$event 를 통 해 방법 에 주입 해 야 합 니 다.
v-on:formChild='change($event,"하위 구성 요소 에서 왔 습 니 다")'
방법
change(child,msg){conslo.log(child,msg)}
추가 지식:Vue.$event 내 연 된 구문 에 원본 dom 데이터 가 들 어 옵 니 다.
@click=“fun1” //
@click=“fun1(‘ ')” //
// +
@click=“fun1($event, ‘ ')”
참고:내 연 프로세서 의 방법
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta charset="utf-8">
<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<title>Vue.$event dom </title>
</head>
<body>
<div id="swq">
<swq></swq>
</div>
<script type="text/x-template" id="swq-template">
<div>
<div @click="fun1">fun1</div>
<div @click="fun1(' ')">fun1(' ')</div>
<div @click="fun1($event, ' ')">fun1($event, ' ')</div>
</div>
</script>
<script src="https://cdn.bootcss.com/vue/2.5.16/vue.min.js"></script>
<script type="text/javascript">
var swq = {
template: "#swq-template",
methods: {
fun1(event) {
console.log(event)
console.log(arguments)
},
},
};
var vu = new Vue({
el: "#swq",
components: {
swq: swq,
},
})
</script>
</body>
</html>
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
Fastapi websocket 및 vue 3(Composition API)1부: FastAPI virtualenv 만들기(선택 사항) FastAPI 및 필요한 모든 것을 다음과 같이 설치하십시오. 생성main.py 파일 및 실행 - 브라우저에서 이 링크 열기http://127.0.0.1:...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.
좋은 웹페이지 즐겨찾기
