vuejs2 118

사용자 지정 Bootstrap-Vue 확인란 구성 요소

사용자 지정 Bootstrap-Vue 확인란 구성 요소 동적 폼을 만들기 위해 구성 요소를 만들려고 하지만 확인란에 문제가 있습니다. {{ value }} 코드를 이렇게 부릅니다. 문제는 이 시스템이v-model내용은 변경되지 않지만 입력 필드에서는 변경됩니다.뭐가 잘못된 거죠?누가 나 좀 도와줄래? p.s. 저는 부트스트랩-뷰와 함께 일하고 있습니다. 감사합니다!네가 없어졌어v-model체크박스를 켜겠습니다.를 삭제합니다.value아트리뷰트와input청취자 및 용도v-model부모로부터 받은 프로펠러 값을 변형하지 않고 모델로서 우아하게 재사용할 수 있도록 계산된 세터를 사용합니다. {{ value }} computed: { bvalue: { get() { return this.value }, set(..

programing 2022.08.12

Vue.js: 변경 시 호출 함수

Vue.js: 변경 시 호출 함수 Vue.js에서 부품을 만들고 있어요사용자가 일정 금액을 요청할 수 있는 페이지에 입력이 있습니다.현재 입력 시 입력량을 콘솔에 기록하는 기능을 만들려고 합니다.(결국 사용자 입력에 따라 요청하신 문서를 표시/숨깁니다.)송신 버튼을 클릭할 필요는 없습니다.) 다음 코드는 입력 필드를 탭/클릭하면 기록됩니다.여기 제 부품이 있습니다.vue: Credit Limit Request Credit Limit Amount 1. If requesting $50,000 or more, please attach Current Balance Sheet (less than 1 yr old). 2. If requesting $250,000 or more, also attach Current ..

programing 2022.08.12

수동으로 인스턴스화된 컴포넌트를 사용한 이벤트 처리

수동으로 인스턴스화된 컴포넌트를 사용한 이벤트 처리 Vuejs 구성 요소를 수동으로 인스턴스화하려고 하지만 상위 구성 요소에 이벤트를 전달할 수 없습니다. 컴포넌트는 다음과 같이 초기화됩니다. var ComponentClass = Vue.extend(Component); var instance = new ComponentClass({ propsData: { value: this.modelValue } }); instance.$mount(); document.getElementById('app').appendChild(instance.$el) 문제는 말이다this.modelValue는 자동으로 갱신되지 않습니다.this._events(컴포넌트 내)에는 리스너가 포함되어 있지 않습니다.단, 템플릿에 컴포넌트..

programing 2022.08.12

Vue js에서 매개 변수화된 하위 구성 요소를 변경할 때 상위 구성 요소가 다시 로드되지 않도록 하는 방법

Vue js에서 매개 변수화된 하위 구성 요소를 변경할 때 상위 구성 요소가 다시 로드되지 않도록 하는 방법 v-data-table 목록에 Securities(하위 구성 요소) 목록이 포함된 ClientPortolio(상위 구성 요소)가 로드된 페이지가 있습니다. 여기서 발생하는 문제는 목록 내의 보안을 클릭할 때마다 ClientPortolio가 완전히 새로고침되어 목록 전체가 새로고침되고 스크롤 및 선택한 클래스가 리셋되며 불필요한 성능 오버헤드가 발생한다는 것입니다.Vue의 매뉴얼을 살펴보았는데 파라미터가 있는 경우 하위 컴포넌트만 새로 고치는 방법을 나타내는 것은 아무것도 없는 것 같습니다.Vue는 하위(네스트된 루트)만 변경되므로 다시 작성하기만 하면 된다는 것을 알 수 있지만 보안이 선택될 때마..

programing 2022.08.12

오류: 'optionalChaining' 실험 구문은 현재 지원되지 않지만 다음과 같습니다.

오류: 'optionalChaining' 실험 구문은 현재 지원되지 않지만 다음과 같습니다. 여기와 여기의 지시에 따라 다음 사항을 추가했습니다.package.json }, "babel": { "plugins": [ "@babel/plugin-proposal-nullish-coalescing-operator", "@babel/plugin-proposal-optional-chaining" ] }, "dependencies": { 하지만 여전히 오류가 발생하고 있습니다. Support for the experimental syntax 'optionalChaining' isn't currently enabled 내가 여기서 뭘 잘못하고 있는 거지?네, 조금 늦었지만, 질문은 아직 유효합니다.나중에 오시는 분들..

programing 2022.08.11

Vue.js에 중첩된 구성 요소: 구성 요소를 마운트하지 못했습니다. 템플릿 또는 렌더 함수가 정의되지 않았습니다.

Vue.js에 중첩된 구성 요소: 구성 요소를 마운트하지 못했습니다. 템플릿 또는 렌더 함수가 정의되지 않았습니다. Vue-CLI를 사용하고 있는데 이 오류가 나타납니다.에 있습니다.요소. 코멘트 폼이submitComment()method는 comment 객체를 기동하여 추가합니다.selfComments에러가 발생합니다.서로 참조하거나 해서 그럴 수도 있지만 잘 모르겠어요. 관련 정보만 포함하려고 했습니다. 편집: 이와 관련된 것 같습니다. https://forum.vuejs.org/t/how-to-have-indirectly-self-nested-components-in-vue-js-2/1931 코멘트 폼표시하다 ... ... 댓글.표시하다 ... ... ** importing CommentForm h..

programing 2022.08.11

Vue 및 Bootstrap 4에 행당 3장의 카드를 표시하는 방법

Vue 및 Bootstrap 4에 행당 3장의 카드를 표시하는 방법 제목으로 알 수 있을 것 같아요.내 바이올린을 보면 제품을 루프하고 부트스트랩 카드를 한 줄에 3번 인쇄하려고 하는데, 1번 인쇄하면 2번 새 컬럼을 추가할 수 있습니다.이 컬럼이 몇 번 더 추가되면 오른쪽에 2개의 오프셋이 있는 공백이 나타납니다. 그래서 vue나 내 css 혹은 둘 다에 도움이 필요해.제 생각엔 필요한 것은 단지 인쇄하는 것 뿐입니다.div의 클래스와 함께row그리고.col언제index mod 3 = 0vue로 어떻게 해야 할지 모르겠어요. HTML Products Product {{index}} Product {{index}} - {{product.title}} Add To Cart JS var prodData = ..

programing 2022.08.09

조건이 충족되는 경우에만 슬롯의 폴백 콘텐츠 사용

조건이 충족되는 경우에만 슬롯의 폴백 콘텐츠 사용 아래에 설명하려는 방법을 알고 싶습니다. 슬롯이 있는 컴포넌트가 있고 폴백 콘텐츠가 정의되어 있다고 가정합니다. 이 컴포넌트를 다른 곳에서 사용할 때 다음과 같은 동작을 하고 싶습니다. 내 생각엔fallback태그(또는 유사한 것)가 존재하지 않습니다(적어도 찾지 못했습니다).그래서 제가 잘못된 생각을 하고 있는 것 같습니다만, 제 문제에 대한 해결책을 찾을 수 없습니다. 중요한 건 내가 이 모든 걸 바꿀 수 없다는 거야TheComponent외부 라이브러리에서 제공되기 때문에 콘텐츠를 다시 만들지 않습니다. 만약 그것이 도움이 된다면, 사실, 나는 Vuetify에서 행이 확장되는 것을 막기 위해 확장 버튼을 숨기려고 한다.data-table행의 확장 부분..

programing 2022.08.09

webpack 2 및 vue-cli를 사용하여 로컬 글꼴로 로드

webpack 2 및 vue-cli를 사용하여 로컬 글꼴로 로드 vue-cli 웹 팩 템플릿을 사용하고 있으며 프로젝트에서 로컬 글꼴로 로드하려고 합니다.글꼴 경로를 올바르게 알 수 없습니다.내 경로는 어떻게 보여야 할까요? 제가 잘못하고 있는 것에 대한 정보를 찾았지만, 알 수 없었습니다.https://github.com/webpack-contrib/sass-loader#problems-with-url 파일 구조: 내 _fonts.scss에서: // Webfont: LatoLatin-Regular @font-face { font-family: 'LatoLatinWeb'; src: url('../assets/fonts/LatoLatin-Regular.eot'); /* IE9 Compat Modes */ ..

programing 2022.08.09

커스텀 입력 Vue 컴포넌트를 테스트하는 방법

커스텀 입력 Vue 컴포넌트를 테스트하는 방법 Vue.js 매뉴얼에는 커스텀 입력 컴포넌트의 예가 있습니다.그런 부품에 대한 단위 테스트를 어떻게 작성할 수 있는지 알아보고 있습니다.컴포넌트의 용도는 다음과 같습니다. 완전한 실장에 대해서는, https://vuejs.org/v2/guide/components.html#Form-Input-Components-using-Custom-Events 를 참조해 주세요. 문서에는 다음과 같이 기재되어 있습니다. 컴포넌트가 동작하기 위해서는v-model, 다음과 같이 할 필요가 있습니다(이것들은 2.2.0+ 로 설정할 수 있습니다). 가치 제안을 받아들이다 새로운 값으로 입력 이벤트를 발생시키다 이 컴포넌트가 동작할 수 있도록 이 컴포넌트를 작성했는지 확인하는 유닛..

programing 2022.08.09