newsource

[BootstrapVue warn]: 팝오버 - 문서에서 대상 요소를 찾을 수 없습니다. Bootstrap-Vue에서 팝오버를 사용하고 있는데 다음 오류가 나타납니다. [BootstrapVue warning] : popover - 문서에서 대상 요소를 찾을 수 없습니다. 모든 것이 잘 작동하지만, 경고 사항이 많아서 수정하고 싶어요. 상위 컴포넌트 Parish 내 팝오버 하위 구성 요소 TEXT //here are multiple .... 대상 요소 뒤에 팝오버 구성 요소를 넣으려고 시도합니다.얼마 후 나는 그 문제를 발견했다.그 안에서Popover아이 팝오버가 여러 개 있었는데 그 중 일부는 부모 컴포넌트에 없습니다. 경고를 수정하기 위해 모두 제거했습니다.부모 컴포넌트에 ID가 없습니다.언급URL :..

Vue 사용.여러 개의 중첩된 객체가 있는 객체에 설정 사용하려고 합니다.Vue.set()Vue 2의 상태 개체를 업데이트합니다. 오브젝트는 다음과 같습니다. state: { entries: [ // entry 1 fields: { someProperties : '' // here I would like to add another property named 'googleInfos' } ], [ // entry 2 fields: { someProperties : '' // here I would like to add another property named 'googleInfos' } ] } 지금까지, 이 돌연변이로 업데이트 하고 있었어.각 엔트리에 내용이 다르기 때문에 개별적으로 변환합니다. ADD_GO..

키가 서로 다른 여러 v-for 루프로 인해 여전히 중복 키 오류가 발생함 Vue.js를 사용하는 python 어플리케이션에서 작업하고 있는데 다음 오류가 발생하여 티켓이 반환되었습니다. [Vue warn] :중복된 키가 검출되었습니다: ' ' .이로 인해 업데이트 오류가 발생할 수 있습니다.(루트에 있습니다) 문제는, 어느쪽의 키에도 없습니다.v-for:루프는 동일합니다. 모두 다음과 같습니다. ... ... ... 스택 트레이스는 도움이 안 되고 이미 모든 문서를 구문 분석했어요 고유성을 적용하기 위해 인덱스의 연결을 시도합니다. 언급URL : https://stackoverflow.com/questions/53544550/multiple-v-for-loops-with-different-keys-st..

Vue 2 및 JSX를 사용하여 사용자 지정 이벤트 바인딩 커스텀 이벤트를 바인딩하지 않고 루트 태그로 바인드하고 싶다.mounted()그래서 다음 코드를 시도합니다. render (h) { return ( ) } 하지만 크롬으로 실행해보니custom-event를 사용하여 실행할 수 없는 DOM 에 바인드 되어 있습니다.$emit단,VueJS 2의 템플릿 구문은 다음과 같이 간단하게 실행할 수 있습니다. 이 문제에 대해 도와주세요, 고마워요! 파티에는 조금 늦었지만... 이벤트를 트리거하려면 다음과 같이 해야 합니다. protected render(h: any) { return ( this.$emit('test')}> {this.$slots.default} ); } 이벤트를 청취하려면: protected..

Vuejs에서 v-select 옵션을 동적으로 사용하지 않도록 설정하는 방법 어플리케이션을 작성하려고 합니다.VueJs 2.0제가 가지고 있는 코드는 다음과 같습니다. With client*: Yes No 무효로 하고 싶다v-select예를 들어, http://sagalbot.github.io/vue-select/ 요소:v-model withClient = 0및 유효하게 하다withClient= 1 아직 "disabled"가 지원되지 않는 경우, 다음과 같이 자신의 것을 쉽게 추가할 수 있습니다. Vue-select는 프로펠러를 통해 이를 가능하게 합니다. "비활성화" HTML 속성을 부울에 바인딩하기만 하면 됩니다. 여기에서는 Vuex의 예를 나타냅니다(외부 컴포넌트에서 비활성화해야 합니다). Pas ..

TypeError: 'undefined' 또는 'null'의 속성 'compile'을 파기할 수 없습니다. 재현 순서:나는 달린다vue init webpack myapp스크린샷에 따라 옵션이 선택되어 있습니다. 그리고 나는 다음과 같이 아웃풋을 받았다. npm run dev하지 않을 때는 잘 동작한다npm audit fix --force또는npm install --save-dev webpack-dev-server@3.1.10그리고.npm install --save-dev url-loader@1.1.2내가 알 수 있는 것은npm audit 내가 고쳐지고 도망갔을 때npm run dev에러를 발생시키는 것이 아닙니다. 그리고 나는 달린다npm i -D webpack-cli출력에 권장되는 대로입니다. 그러나 ..

Vuetify Carousel 구성 요소의 오른쪽/왼쪽 화살표를 켜고 끄는 방법 의 가시성을 동적으로 제어하고 싶다.()Vuetify carousel 구성 요소의 화살표. 예를 들어 마지막 항목의 마지막 오른쪽 화살표가 사라지거나 내부 버튼이나 기타 대화 기능을 사용할 수 있습니다.carousel-item버튼을 동적으로 교환하는 콘텐츠입니다.(알고 있습니다)continuous심플한 엔드 케이스를 실현합니다). 의 매뉴얼next-icon그리고.prev-icon소품은bool또는string디폴트로는$next. Name next-icon Type boolean | string Default $next Description Icon used for the "next" button if show-arrows is ..

Vue.js에서 속성과 메서드를 재정의하는 적절한 방법? Vue.js에서 mixin을 사용하여 메서드를 재정의하는 적절한 방법은 무엇입니까?믹스인을 사용하여 상속을 모의할 수 있다는 것은 알지만 일부 소품을 확장하고 싶지만 전체 소품 값을 완전히 무시하지는 않는다고 가정해 봅시다. 예를 들어 baseCell을 가지고 있지만, 비슷한 컴포넌트이지만 기능하는 컴포넌트가 필요합니다.및s, baseCell을 믹스로 사용하는 컴포넌트를 2개 더 만듭니다. var baseCell = { ... props: { ... initWrapper: { type: String, default: 'td' }, ... }, methods: {..} }; 컴포넌트에서 소품을 그렇게 설정하면 모든 값이 완전히 덮어씁니다. Vue.c..

드롭다운에서 화살표 키를 사용하여 스크롤합니다(vuejs). vuejs에서 자동 완성 부품을 만들고 있어요 그리고 그 순간 저는 스크롤 애니메이션에 갇혔습니다. 화살표 키를 클릭하여 키의 방향으로 스크롤하는 것이 목적이지만 스크롤은 옵션이 표시되지 않을 때만 실행됩니다. 이런 걸 원했는데 vue / javascript로 - http://jsfiddle.net/kMzR9/3/ 화면이 작기 때문에 여기에 남겨둔 예에서 문제를 볼 수 없다면, 여기 jsfiddle - https://jsfiddle.net/v7yd94r5/가 있습니다. 여기 제가 가지고 있는 것의 예가 있습니다. const Autocomplete = { name: "autocomplete", template: "#autocomplete", pr..

Vue.js를 사용한 인덱스에 따라 렌더링된 목록 항목의 클래스는 어떻게 변경됩니까? 다음 Vue.js 템플릿코드가 있어요 리스트의 첫 번째 아이템은 'col-sm-8' 클래스로 렌더링하고, 다음 아이템은 'col-sm-4' 클래스를 사용하고 싶습니다.내가 여기서 뭘 잘못하고 있는지 누가 말해줄래?다음과 같이 3진법을 사용하면 됩니다. 다음은 JSFiddle의 예입니다.https://jsfiddle.net/15Lgrj92/ 추가 조건을 적용해야 하는 경우 개체 배열을 사용할 수도 있습니다. JSfiddle은 다음과 같습니다.https://jsfiddle.net/opa5aq98/ 상세한 것에 대하여는, 다음의 문서를 참조해 주세요.https://vuejs.org/v2/guide/class-and-style..