cyworld

현재 구성 요소와 동일한 수준이 아닌 다른 구성 요소에서 $ref 액세스 나는 Vue 어플리케이션을 만들고 있어.헤더가 있고 그 다음에 주요 내용이 있다.아래와 같이 내포 및 구조 TheHeader.vue -> TheLogin.vue MainContent.vue -> ShoppingCart.vue -> OrderSummary.vue 다음에서 요소에 액세스해야 함TheLogin.vue로부터OrderSummary.vue this.$refs.loginPopover.$emit('open') 실수를 저지르다"Cannot read property '$emit' of undefined"그래서 분명히 나는 접속할 수 없다.$refs다른 구성 요소로부터. 문제는 어떻게 하면 다른 구성 요소로부터 참조를 얻을 수 있는가입..

구문 분석 방법 VUE.js의 html 태그에 대한 문자열로 Vue.js에서 {{}}}을 사용하여 데이터를 HTML로 렌더링하지만, 지금은 데이터에 문자열이 있고, 데이터를 렌더링할 때 해당 문자열의 태그를 HTML 태그로 구문 분석할 수 있다. data(){ return { bodyText: 'aaaaaa aaaaaa' } } {{bodyText}} 스팬 태그의 내용은 다음과 같다. aaaaaa aaaaaa 그러나 결과는 다음과 같다.aaaaaa aaaaaa다음을 사용하여 작동해야한다고 생각한다. Using v-html directive: 지시어 사용: p태그 자체로 사용함으로써 여전히 심플하게 만들 수 있다. 나의 예 html 각본을 뜨다 getInfo: function (item) { return ..

Vue js 각 개별 요소의 클래스 전환 부에즈에는 토글 클래스의 예가 많지만, 요소의 범위를 좁히는 토글 클래스는 아직 찾지 못했다.다음과 같은 전역 변수를 정의하는 경우: data: { toggle: false } 다음 탐색 모음과 같은 요소가 있으면 문제가 발생할 수 있음: Foo Dropdown Item 1 Dropdown Item 2 Bar Dropdown Item 1 Dropdown Item 2 여기서 무슨 일이 일어나는지 봐?이 두 요소 중 하나를 클릭하면 클래스가 글로벌 변수를 변경하기 때문에 클래스가 동시에 전환됩니다.클릭되는 요소만 클래스를 어떻게 전환하시겠습니까?너무나 단순한 것이 현대적인 프레임워크를 사용하여 너무나 많은 코드를 필요로 한다는 것이 내 마음을 어지럽히고, 그것이 자바..

컨트롤러에서 Axios 캐치 섹션으로 json 응답 읽기 - Laravel Vue Axios 나는 Axios가 생성한 PUT를 통해 vue 뷰(Profile.vue)에서 전송한 정보를 캡처하는 방법을 가지고 있는데, 문제는 데이터가 업데이트될 때(UserController의 myProfile 메소드를 사용하여), 악시오스가 방법으로부터 json으로 반환의 정보를 캡처하고, 성공 메시지가 표시될 때 다음과 같다.n 오류, Axios는 오류 json 정보를 캡처하지 않고 다음을 주장한다. Uncaught (in promise) TypeError: Cannot read property 'status' of undefined 나는 네가 악시오스의 캐치 섹션에서 내가 가지고 있는 정보를 가지고 있지 않은 변수들에..

구성 요소에 이벤트 수신기가 연결되어 있는지 확인하십시오. 어떤 것이 있다고 가정하면.구성 요소라고 부를 수 있다.@cancel거기에 첨부된 이벤트 수신기 그리고 만약 그렇다면 나는 이 이벤트를 트리거하는 취소 버튼을 보여주고 싶다.없으면@cancel이벤트, 취소 버튼이 보이지 않아야 한다. 구성 요소에 이벤트 수신기가 연결되어 있는지 확인할 수 있는 방법이 있는가? 현재 실행 중인 작업: Cancel 그리고 이렇게 부른다. 어느 쪽이든 다음과 같은 추가 속성을 사용하지 않고도 이를 달성할 수 있는가?cancelEventPassed?구성 요소에 수신기가 부착된 경우 에서 수신기를 사용할 수 있다.$listeners구성 요소의 속성 이 속성을 사용하여 특정 수신기를 사용할 수 있는지 확인하십시오.예를 들어..

공리 오류를 전체적으로 또는 한 지점에서 관리하는 방법 그때 표준/캐치 액시코드를 앱 전체에 가지고 있는데, 간단한 것이 이렇게 된다. axios.get('/').then( r => {} ).catch( e => {} ) 위와 관련된 문제는 내가 그 문제를 복제해야 한다는 것이다.catch()내 앱에서 호출되는 잠재적인 오류를 처리하기 위해 차단하고 내 질문은, 어디에서나 캐치를 사용하는 것이 아니라 진입 지점에서 전 세계적으로 오류를 포착하기 위해 할 수 있는 일이 있는지입니다. 내 앱은 vue로 구축되어 있기 때문에 axi 측 또는 vue에서 솔루션을 찾고 있다.너는 요격기를 사용해야 한다. 먼저 를 사용하여 공리 인스턴스를 생성하십시오.create방법의이것은 당신이 참조하는 대신 당신의 앱 전체에서..

vue의 하위 구성 요소에서 키 액세스 Vue 문서에 따르면 v-for:에서 사용자 지정 구성 요소를 사용하려면 키를 바인딩해야 한다. 하위 구성 요소에서 그 키를 사용하고 싶다.task-card) 그러나 어느 것도 사용하지 않는다.this.key또는 추가key소품으로서(예약된 Vue 키워드임) 작업.'i'라는 가치를 지닌 또 다른 소품을 아직 통과시키지 않고 이렇게 하는 방법이 있을까?현재 작업 중"vue": "^2.5.9".아이에게 데이터를 전달하려면 소품(소품)을 사용해야 한다.key예약되어 있으므로 다른 이름을 붙여야 한다.) 그렇지 않으면 구성 요소 내의 vnode에 있는 키에 액세스할 수 있으며this.$vnode.key. 부에 3 Vue 3의 경우 API가 변경되었다.다음과 같은 내부 개인 ..

상위에서 VUE 구성 요소 데이터 입력 지우기 나는 Vue의 신참이고, 일단 제출하면 간단히 입력 컴포넌트의 데이터를 지우려고 하지만, 뭔가 빠진 것 같아, 왜냐하면 상위 데이터가 지워지기 때문에 입력 컴포넌트의 채워진 값이 여전히 보이기 때문이야. 여기 살아있는 예가 있다. 입력 하위 구성 요소로 설정됨v-model="title"부모님의 포장지로부터.일단 내가 부모에게 자료를 제출하면, 나는 전화한다.addItem결국엔 데이터 모델을 지우는 것만으로this.title = ''하지만 나는 아마도 부모에서 자녀로 데이터를 바인딩하는 방법에 대해 잘못된 행동을 할 것이다. 코드 위, 상위 구성 요소부터 시작: Aggiungi 다음은 자식 입력 구성 요소: {{ label }} {{ placeholderLab..

VueJS - 문자열 내에서 문자열 보간 VueJS에서 문자열 내에서 템플릿 또는 스크립트에 문자열을 보간할 수 있는 방법이 있는가?예를 들어, 다음을 표시하려는 경우1 + 1 = 2대신에1 + 1 = {{ 1 + 1 }}. {{ myVar }} 편집: 왜 이것이 필요한지 더 잘 설명하기 위해 실제 데이터는 다음과 같다. section: 0, sections: [ { inputs: { user: { first_name: { label: "First Name", type: "text", val: "" }, ... }, ... }, questions: [ ... "Nice to meet you, {{ this.section.inputs.user.first_name.val }}. Are you ...", ....

vuejs - 동적 입력 'synamic' 나는 동적으로 변화시킬 수 있기를 원한다.type사이의 입력 영역의.text그리고password. 나는 다음과 같은 일을 해보았다. data() { return { dynamicInputType: 'password' } } 하지만 분명히 이것은 효과가 없다; vuejs는 다음과 같은 오류를 보여준다.v-model does not support dynamic input types. Use v-if branches instead. v-if로 어떻게 고칠 수 있는지 잘 모르겠어.이런 것이 제안되고 있는 것이다. 참조URL: https://stackoverflow.com/questions/45442697/vuejs-dynamic-input-types