newsource

VueJ에는 React와 같은 제어되지 않은 컴포넌트라는 개념이 있습니까? React는 https://reactjs.org/docs/uncontrolled-components.html 컴포넌트와 제어되지 않은 컴포넌트라는 개념을 가지고 있습니다. 여기서 제어되는 것은 반응 모델 내에서 작동하는 컴포넌트이며 상태는 가상 돔에서 추적됩니다. 그리고 통제되지 않은 것들은 가상 돔 밖에서 관리된다. Vue는 또한 가상 돔과 함께 작동하므로 요소를 가져오는 잘못된 방법이 있습니다(예:document.queryBySelector또는classList.add돔을 조종하는 게 바닐라라면 어떻게 하겠어?말씀하신 것처럼 바닐라 JS를 사용하여 요소를 대상으로 하는 것은 잘못된 것은 아니지만, 모범 사례는 아니며 Vue는 D..

Vue 2에서 동적 클래스 이름과 조건부 클래스 이름 혼합 예를 들어 내가 클래스 있는 div를 원한다고 가정해 보자.a0로.a9v-for 및 클래스의 인덱스에 따라b조건부로 따로따로 하면 다음과 같습니다. 그리고. 이 기능이 동작하지 않는 것을 고려하면, 이것들을 조합하면 다음과 같이 됩니다. 최적의 (실효 솔루션)은 다음과 같습니다. 더 좋은 방법은 없을까?고마워요. 또는 데모를 확인해 주세요.언급URL : https://stackoverflow.com/questions/45544272/mixing-dynamic-and-conditional-class-name-in-vue-2

상위 슬롯의 재사용 가능한 구성 요소 액세스 하위 메서드 컴포넌트가 있다고 합니다.Reusable방법을 써서onClick데이터 프로포트를 설정합니다.이 컴포넌트를 재사용할 수 있도록 하고 슬롯을 사용하여 부품을 오버라이드하고 싶습니다. 내가 규범을 이해했으므로, 나는 반드시 합격해야 한다.onClick최대 범위 속성으로서의 메서드parent부터reusable: Reusable Default stuff Close You clicked me Parent Close from parent 방법이 많으면 장황하고 시끄러워질지도 모릅니다.더 좋은 방법이 있을까?아니면 이게 완전 크롬인가? 레퍼런스를 사용하는 것과 부모 콜에 메서드를 사용하는 것을 검토했습니다.this.$refs.reusable.onClick동적 컴..

모달 vue에서 윈도우 프린트를 사용하려면 어떻게 해야 하나요? 내 vue 컴포넌트는 다음과 같습니다. ... Print ... Checkout ... 프린트 버튼을 클릭하면 동작합니다.하지만 웹사이트 전체가 표시됩니다.인쇄 버튼을 클릭하면 모달의 내용만 표시됩니다. 어떻게 해야 하죠?이를 위한 한 가지 방법은 모달의 클론을 작성하고 css를 사용하여 인쇄되는 내용의 가시성을 제한하는 것입니다. print () { const modal = document.getElementById("modalInvoice") const cloned = modal.cloneNode(true) let section = document.getElementById("print") if (!section) { section = ..

Vuejs & Vuetify : vuetify (v-slot dynamic)에서 데이터 테이블을 사용하여 템플릿을 루프하는 방법이 있습니까? 서버측 페이지 번호, 검색 필드 및 필터 가능한 필드가 있는 데이터 테이블이 여러 개 있습니다. 단, 컴포넌트를 생성하여 같은 것을 세 번 수정하지 않도록 소품을 사용할 수 있도록 하고 싶습니다. vuetify(v-slot dynamic)에서 데이터 테이블을 사용하여 템플릿을 루프하는 방법이 있습니까? 예를 들어 다음과 같습니다. ID {{icon.id}} Nom du ticket {{icon.name}} 기능하지 않음: {{item.name}} {{icon[item.name]}} 를 추가하면key,있습니다'' cannot be keyed. Place the key..

Vue-google-map 자동 완성 양방향 바인딩이 작동하지 않음 vue-google-maps를 사용하고 있으며 플러그인을 실장하고 있어 문제없이 동작합니다만, 작은 문제가 있습니다(또는 올바르게 동작하지 못할 수도 있습니다).자동 완성 기능을 실장했을 때, 한 가지 방법으로 동작했습니다.주소를 입력하면 선택한 장소가 지도에 표시되지만 포인터를 드래그해도 검색 필드에 주소가 업데이트되지 않습니다.Vuejs 2와 vue-google-map을 사용하고 있다. 제가 하고 있는 일은 다음과 같습니다. AutoComplete Add 이게 지원되는지 잘 모르겠어요.이것은, 직접 실장할 필요가 있는 경우가 있습니다. 고객님의 고객명updateMaker()메서드, 사용할 수 있습니다.google.maps.Geocod..

v-select of vuetify 구성 요소의 텍스트를 가운데 정렬하는 방법 Vuetify 셀렉트 컴포넌트를 사용하고 있습니다.vuetify 시 드롭다운과 함께 텍스트를 중앙에 정렬하려면 어떻게 해야 합니까? text-md-center에서 시도했지만 작동하지 않습니다. 다음 css 스타일을 추가하여 수정할 수 있습니다. .v-select__selection { width: 100%; justify-content: center; } vuetify slot: selection(2.3.10에서 테스트 완료)을 사용할 수 있으므로 CSS를 변경할 필요가 없습니다.깔끔하고 간단: {{ item.label }} vuetify v2 이전 버전에 유효합니다. 그리드 시스템에 컴포넌트를 감습니다.에서v-layout지정..

중첩된 형식 - vue 필드 수를 알 수 없는 중첩된 json 스키마가 있습니다. 동적 구성 요소를 사용하여 입력 요소를 렌더링하고 있습니다. 문제는 v-for를 사용하여 json 스키마를 루프하는 데에도 필드 수가 한정되어 있기 때문에 이러한 유형의 과제에 대해 폼을 검증하려면 어떻게 접근해야 하는가입니다.동적 폼을 검증하기 위해 vuelidate를 사용하고 있습니다. 어떻게 하면 이 일을 해낼 수 있을까? 아래는 json입니다. [{ "title": "Profile Information", "fields": [{ "name": "profile", "fields": [{ "component": "BaseInput", "model": "firstName", "label": "firstName", "nam..

Vuejs 및 Vue.set(), 어레이 업데이트 저는 Vuejs에 처음 왔어요.뭔가를 만들긴 했지만 그게 간단한 방법인지 모르겠네요 내가 원하는 것 배열된 날짜를 보고 이벤트로 업데이트하고 싶습니다.처음에 Vue.set을 시도했지만 잘 되지 않았다.어레이 항목을 변경한 후: this.items[index] = val; this.items.push(); 어레이에 아무것도 푸시()하지 않으면 갱신됩니다.하지만 가끔은 마지막 아이템이 숨겨질 수도 있어, 왠지...이 솔루션은 좀 허술한 것 같은데, 어떻게 하면 안정시킬 수 있을까요? 간단한 코드는 다음과 같습니다. new Vue({ el: '#app', data: { f: 'DD-MM-YYYY', items: [ "10-03-2017", "12-03-2017..

VueJs 라디오 버튼을 통한 심플한 토굴링 저의 요구는 이런 것입니다. 두 개의 라디오 버튼(활용지와 일반 용지)이 있습니다. 사용자가 Live Paper(활용지)를 선택한 경우 다른 2개의 htmlinput elements(datatime-local,time)을 표시할 필요가 있습니다. 사용자가 [Normal Paper](일반 용지)를 선택한 경우 이 두 개의 추가 입력 요소를 숨깁니다.vueJ를 통해 이를 실현하려면 어떻게 해야 합니까? 이건 내 암호야 Live Papaer Live on Time Normal Paper 이름 있는 속성을 초기화합니다.selected데이터 옵션에서 new Vue({ el:"#app", data(){ return{ selected: 'live' } } }) 바인드sel..