prostudy

Vue-Router를 구현하는 VueJS SPA에서 중첩된 $ref 구현 나는 현재 Laravel/VueJS SPA를 활용하고 있다.Vue/Vue-RouterVue 구성 요소가 할당되어 있으며$ref (구성 요소 C/내포된 하위 구성 요소 내부) 레이아웃에 주입되는 기본 Vue-Router 구성 요소(구성 요소 B) 내에 캡슐화된(구성 요소 A - 레이아웃 구성 요소) 여기에 해당하는 이 요소에 액세스해야 함$ref( 컴포넌트 C 내부) 그러나, 컴포넌트 A 내의 컴포넌트 계층은 컴포넌트 B에 선언된 정보로부터 구성되었기 때문에 나는 컴포넌트 C에 접근할 수 없다. (Layout-Component / $root) - Vue Layout Component: --(Vue-Router-Component) - ..

Vue: 메서드가 인라인 템플릿 구성 요소 태그 내의 함수가 아님 다음 구성 요소가 있음: {{ result.description }} Created: {{ result.created_at }} {{ result.description }} Created: {{ result.created_at }} Close Save changes 나는 클릭 청취기를 가지고 있다..card내 안에 끼어들다내 이름을 부르는 꼬리표getTemplate방법의그러나 해당 요소를 클릭할 때마다 다음과 같은 오류가 발생한다. imageModal.vue?8d74:85 Uncaused TypeError: _vm.getTemplate는 HTMLDivElement.fn의 호출자(vue.runtime.esm.js:2023)에서 클릭(imag..

여러 개의 b-form-radio-group을 사용하여 이들 사이의 시각적 간섭을 피하려면 어떻게 해야 하는가? 나는 Vue와 특히 Bootstrap Vue를 사용한 지 얼마 되지 않았고 여러 라디오 그룹과 함께 폼을 만들려고 노력하고 있다. 내 문제는 그 중 하나에서 값을 변경하면 다른 사람들은 값을 변경하지 않는다는 것이다(Vue DevTools를 통해 확인됨). 그러나 시각적으로 어떤 값도 선택되지 않은 것처럼 보인다는 것이다. 내 접근방식이 뭐가 잘못됐는지 모르겠다. 여기에 간단한 버전의 코드를 게시하여 도움을 요청하며, 미리 감사드리며, 둘 다 이래서원소들은 "라디오 방송"이라는 같은 이름을 가지고 있고 시각적으로 그것들은 한 그룹처럼 취급된다.다른 것v-model여전히 올바르게 작동하지만, 이..

마운트된 Vue 트리거 감시 아래에는 탑재될 때 트리거할 vue 구성 요소가 있다.그걸 어떻게 하는 거죠? Vue.component('check-mark', { name: 'check-mark', template: ``, props: { value: { type: String, required: true, }, }, mounted: async function () { //trigger this.value watch() here }, watch: { value: function (value) { if (value == 'Y') { this.class = 'checked'; } else { this.class = 'unchecked'; } }, }, }); Vue 2.0을 기점으로, 이제는 와쳐 그 자체로 ..

Vue.js 하위 구성 요소를 구성 요소로 가져오기 오늘 나는 웹앱을 만들고 있지만, 지금은 웹앱을 수입하고 싶다.Todo나의Todolist구성 요소내 구성 요소: 앱(부모) --> 토돌리스트(자녀) --> 토도(자녀) 오류: 24:5 error "작업" 구성 요소가 등록되었지만 vue/사용되지 않음 구성 요소 없음 코드 토돌리스트 지휘선에는 수입이 들어왔다고 되어 있는데, 아직 수입은 사용되지 않았다. 너희들이 날 도와줬으면 좋겠어 미리 고마워!하위 구성 요소의 내보내기를 가져오는 것이 첫 번째 단계로, 현재 모듈에서 사용할 수 있다.그러나 가져온 구성 요소는 를 사용하여 상위 구성 요소에 등록해야 함components옵션: 부모 import Todo from './Todo' export default..

마우스오버 시 클래스를 동적으로 추가 및 제거 - Vue.js 나는 Vue와 함께 성공적으로 마우스오버 수업을 추가할 수 있다.하지만 나는 마우스가 원소를 떠날 때 수업을 빼고 싶어.Vue에서 이것을 다루는 관용적인 방법은 무엇인가? Ping Party Sign In Sign Up Users Sign Out 마우스오버에서 볼 수 있듯이 나는 mouseOver 기능을 호출하고 이것은 성공적으로 클래스를 요소에 추가한다.그러나 이제 사용자가 요소를 떠나도 클래스는 그대로 남아 있다.사용자가 요소에서 나갈 때 클래스를 제거하려면 어떻게 해야 하는가?도와 주셔서 감사해요.양쪽 다 들어라mouseover그리고mouseout그리고 그것을 바탕으로 수업을 설정한다. console.clear() new Vue({ el..

기존 HTML에서 Vue.js 구성 요소를 인스턴스화하시겠습니까? 나는 Vue.js가 기존 HTML 템플릿에서 그것의 구성요소를 인스턴스화하도록 만들려고 하는데 나는 그것을 하는 것에 대한 어떤 합리적인 정보도 찾을 수 없다.비 JavaScript 백엔드 프레임워크와 Vue.js를 일반으로 사용하고 있다..js보기 스택에 파일을 저장하십시오. HTML 구조를 다음과 같이 생각해 봅시다. ... ... ... 그런 다음 JavaScript를 사용하여 (안전을 위해 jQuery와 Vue를 혼합) 활성화하려고 한다. 이런 식의 접근은 내가 정확하게 선언하고 지적할 때마다 완벽하게 작동했다.HTML 구조 내의 태그와 구성요소는 하나의 태그에 불과하도록 되어 있었다.이 경우 나는 CSS 클래스로 식별된 n개의 항..

PHP 변수를 Vue 탭 구성 요소에 전달 나는 PHP 변수 $avail을 내 Vue ComponentHome에 소품으로 전달하려고 한다. 아래는 내 코드의 단순화된 버전이다.내 페이지에서는 "Avail" 변수가 "Availability:" 이후의 공간이 비어 있어 정의되지 않은 것 같다.v-bind:avail="{{$avail }}}"을 사용해 보았으나, 그 다음 구성 요소가 전혀 로드되지 않는다.왜 이러한가?탭 구성 요소 중 하나만 이 변수를 사용하므로 문제가 있는가?아니면 내가 제대로 전달하지 못하고 있는 것일까? 추가 정보:나는 PHP 변수 $avail이 올바르게 설정되고 있는지 테스트했다.부에 내비게이션 바도 전에는 잘 작동했으므로 문제 그 자체가 되어서는 안 된다. 인덱스.php {{ tab ..

가져오기 오류 vuejs + jest + Vuetify를 가져오는 중 단위 테스트를 실행하는 동안 다음 가져오기 오류가 발생함 ● 테스트 제품군 실행 실패 /Users/aniruddha/works/awsportal_2/node_modules/vuetify/es5/components/VDivider/VDivider.js:3 import Themeable from '../../mixins/themeable'; ^^^^^^ SyntaxError: Unexpected token import at ScriptTransformer._transformAndBuildScript (node_modules/jest-runtime/build/script_transformer.js:305:17) at Object. (src/..

이 종속성을 찾을 수 없음: ./node_modules의 구성 요소/main/Footer..../src/App.vue 내 오류: ./node_modules/babel-loader/lib!의 구성 요소/메인/풋어!/node_modules/vue-loader/lib/selector.js?type=script&index=0!/src/App.vue 아래 스크린샷의 내 구성 요소 트리: 나의 앱뷰 내 라우터: import App from './../App' Vue.use(Router); export default new Router({ routes: [ { path: '/main', name: 'App', component: App }, 내 구성: 'use strict' // Template version: 1...