gigabyte

v-for를 사용하는 동적 v-모델 v-for 루프가 있어 각 개별 행을 어레이 개체에 동적으로 저장할 입력 행을 여러 개 뱉습니다. v-for: {{fund.name}} 원하는 배열(2행 입력 예 사용): newEntries: [ { id: '1', amount: '50.00' }, { id: '2', amount: '123.45' } ], 로드하다newEntries디폴트에서는 빈 배열로 되어 있습니다.v-for에서 원하는 어레이 개체를 가져오는 방법을 모르겠습니다.위의 코드를 사용하면 다음과 같이 됩니다. newEntries: [null, '50.00', '123.45'] 내가 뭘 잘못하고 있지?다음과 같은 것을 원하십니까? https://jsfiddle.net/e6L5seec/ newEntries:..

Quasar 프레임워크 데이터 테이블에서 선택한 행 ID 가져오기 Quasar-framework 데이터 테이블에서 행을 삭제하고 싶기 때문에 선택한 행 ID를 삭제 함수에 전달하여 해당 ID를 가진 데이터를 삭제하는 악시오 요구를 할 수 있도록 하고 싶은데 이 ID를 삭제 함수에 전달하는 방법을 모르겠습니다.선택한 ID만 가져오려면 어떻게 해야 합니까?예를 들어 선택 속성 추가q 테이블 및 데이터 함수에서 속성 추가selectedRow = []. 이 속성에는 선택한 행의 배열 인덱스가 있습니다.tableData.언급URL : https://stackoverflow.com/questions/50834015/get-selected-row-id-in-quasar-framework-datatables

VueJ 루트에서 완전한 URL(원점 포함)을 얻을 수 있습니까? 이 예에서는 다음과 같습니다. const resolved = this.$router.resolve({ name: 'about' }) console.log(resolved.route.path) 출발지가 포함된 루트를 받을 수 있나요?예를 들어 URL이site.com/about암호는 다음과 같습니다./about발신지를 직접 추가해야 합니다.window.location.origin + resolved.route.path.아니요, 라우터에서는 안 돼요. 라우터의 속성도 앱 루트에 상대적입니다. 앱의 기본 URL입니다.예를 들어, 단일 페이지 애플리케이션 전체가 /app/로 처리되는 경우, base는 "/app/" 값을 사용해야 합니다. $rout..

vuejs 재귀적 단일 파일 구성 요소 알 수 없는 사용자 지정 요소: - 구성 요소를 올바르게 등록했습니까?재귀 구성 요소의 경우 "이름" 옵션을 제공해야 합니다. 각각 TreeList를 포함하는 TreeNode를 포함하는 TreeList가 포함된 TreeList는 각각 TreeList를 포함합니다. 나는 이것에 대해 다른 사람들이 문제를 가지고 있다는 것을 많이 읽었다.컴포넌트에 케밥 케이스명을 지정하는 등의 솔루션을 시도해 보았습니다.네임스페이스에 문제가 있다고 읽은 적이 있습니다.모든 컴포넌트를1개의 파일로 조작하는 예가 있기 때문에 동의합니다.구성 요소가 별도의 파일에 있는 경우 vue CLI를 사용하여 스크립트를 다시 로드할 때 위의 오류가 발생합니다.파일을 저장할 때 설명 없이 오류가 사라지..

파이어베이스에서 데이터 로드가 완료될 때까지 대기(vue)/'대기'가 작동하지 않음 vue 앱에서 방화벽 기반에서 데이터를 가져오고 있습니다.created- 훅. 데이터 로딩이 끝나면 나중에 코드를 내보내고 싶다.하지만 난 그걸 할 수 없어. 코드는 다음과 같습니다. Test 2 하지만 콘솔 하나, 먼저'Done with fetching Data'이 표시됩니다.null(왜냐하면this.settings정지해 있다null그리고 그 후에야 오브젝트는settings인쇄되어 있습니다.하지만 나는 필요하다this.settings거기서 정의되다(그리고 아니다)null더 이상)와 함께 일할 수 없습니다. 지금까지 시도했던 것: 투입 대기 로드된 추가parameter 나중에 코드 추가then() 아무것도 안 먹혔어.메서..

수평 스크롤바가 없는 vue-multiselect 드롭다운리스트 싱글 셀렉트 모드에서 vue-multiselect를 사용하고 있으며, 대부분의 와이드 옵션과 같은 너비로 옵션 드롭다운 목록을 만들기 위해 스타일을 적용하려고 합니다.이 작업을 완료했지만 .multiselect__option을 부모 .multiselect__element와 같은 폭으로 할 수 없습니다. https://jsfiddle.net/xo9f7jby/30/ .multiselect { width: fit-content } .multiselect__content-wrapper, .multiselect__element { width: fit-content; } .multiselect__option { width: 100%; } 간단한 해결책..

구성 요소 태그 내부는 알 수 없지만 구성 요소 태그 외부는 알 수 없는 "알 수 없는 사용자 지정 요소" 경고 다음과 같은 컴포넌트를 만들었습니다. 다음과 같은 페이지 내에서 사용: Share it: 하지만 다음과 같은 오류가 발생합니다. [Vue warn] :알 수 없는 사용자 지정 요소: - 구성 요소를 올바르게 등록했습니까?재귀 구성 요소의 경우 "이름" 옵션을 제공해야 합니다. 그구성 요소가 Vue 플러그인에서 가져온 것입니다.이 기능을 사용하면외부 컴포넌트태그는 정상적으로 동작하지만, 그 안에서 에러가 발생합니다.이것은, 유저가 사용하고 있기 때문입니다.inline-template의 특별한 속성요소. 매뉴얼에서 다음 항목을 참조하십시오. 인라인 템플릿 특수 속성이 자 컴포넌트에 있는 경우 컴포..

vuejs 템플릿 내에서 스타일 태그를 사용하고 데이터 모델에서 업데이트 스타일을 동적으로 업데이트하고 싶다inside스타일 태그 그러나 Vue에 대한 컨테이너 모델을 생성하면 이 컨테이너 모델을 제거할 수 있습니다.style태그입니다. 스타일 태그는 페이지 선두에 있어야 한다는 것을 알지만, 이것은 단지 사용하기 쉽기 때문입니다. 그래서 제가 원하는 것은 안에 요소와 스타일 태그가 있는 래퍼입니다. 입력 값에 따라 css 스타일의 값이 갱신됩니다.간단한 div 요소를 사용할 때마다 이것은 작동하지만 스타일 태그는 문제가 있는 것 같습니다. Javascript 설정은 다음과 같습니다. new Vue({ el: '.setting', data: { bgColor: 'red' } }); 그러나 스타일 태그에 ..

VueJs - 전환에 따라 div 색상 변경 머리글자랑 단추가 있어요클릭 시 색상을 변경할 수 있지만, 원활한 전환이나 클릭 시 효과로 색상을 변경했으면 합니다.Vue.js로 할 수 있나요? HTML 코드 Change me! CSS 코드 .head { background: linear-gradient(-90deg, #84CF6A, #16C0B0); height: 60px; margin-bottom: 15px; } .headnew { background: red; height: 60px; margin-bottom: 15px; } JS 코드 var app = new Vue({ el: "#app", data: { change : false }, methods: { changeIt() { this.change ..

Vue.js에서 커스텀 조건부 렌더 디렉티브를 만듭니다. 커스텀 Vue 조건부 디렉티브를 작성하는 방법을 찾고 있습니다.글로벌 메서드를 작성하고 v-if 내에서 호출할 수 있지만 코드를 명확하게 하기 위해 사용자 지정 지시문을 사용하고 싶습니다. 목적은 디렉티브로 요소를 꾸미고 GUID를 전달하는 것입니다(모두 사용자 권한에 따라 조건부 리다이너링을 처리하기 위한 것입니다). v-permission="'4ECE1FD4-4019-4CA2-AB9E-0A555CCBDB5B'" 지금 이 순간, 나는 단지 덧붙인다.display: none지시의 요소에 따라bindmethod와 이것은 내용을 숨기는 데는 문제가 없지만 요소를 렌더링하지 않는 것이 퍼포먼스에 도움이 됩니다. 어떻게 하면 이 일을 해낼 수 있을까요? ..