vue 데이터가 업데이트되지 않았지만 데이터가 변경되었습니다.

Question

이게 정말 미쳤어요.

입력에 URL을 붙여 넣을 때 비디오 미리 보기를 표시하기 위해 양식에 사용하는 구성 요소인 코드는 다음과 같습니다.

으아아아

o-embed는 컴포넌트입니다. 컴포넌트가 업데이트되면 간단한 버스 방출 기능을 추가했습니다.

으아아아

콘솔 로그를 확인하면 다음과 같은 메시지가 표시됩니다.

으아아아

Everythink는 작동합니다. this.embedData 看起来不错，我有日志，但是当我在我的视图中渲染 embedData텅 비어 있을 때.

추가 정보를 포함했습니다. 포함된 구성요소를 강제로 다시 렌더링하려고 하는데 관련성이 없다고 생각합니다.

어떤 아이디어가 있나요?

Answer 1

Mythos가 이 문제를 발견했습니다(적어도 하나 이상). 콧수염 템플릿(이중 중괄호)은 콘텐츠를 HTML이 아닌 일반 텍스트로 해석합니다. 페이지에 원시 HTML을 삽입하려면 다음을 수행해야 합니다

으아악

대신 (https://v2.vuejs.org/v2 /guide/syntax.html#Raw-HTML)

Answer 2

익명 기능을 사용하고 계십니다. this 내부 익명 함수는 구성 요소의 컨텍스트를 제공하지 않습니다.

화살표 기능을 사용해 보세요:

으아아아