c10106

경로 매개 변수에 배치할 계산된 속성 항목에 개체 항목을 추가하는 방법 나는 GET 요청을 하는 단일 페이지 앱을 가지고 있으며, 다음과 같은 사무실 이름과 ID의 목록인 '오피스'라는 이름의 오브젝트를 받는다. offices: [ { office: "Blue", office_id: 1 }, { office: "Orange", office_id: 2 }, { office: "Red", office_id: 3 } ] 또한 이름이 붙은 계산된 속성이 있다.unresolvedIssuesGroupedByOffice다음과 같은 데이터를 반환한다. { "Blue":[ { "issue_id":"232121", "branch":"Blue" }, { "issue_id":"231131", "branch":"Blue" } ..

SSR을 지원하는 Vue-cli 3 구성 요소 라이브러리 여러 도메인에서 공유할 사용자 지정 구성 요소 라이브러리를 만드는 중. 도메인: 각 도메인에는 고유한 nuxt 인스턴스가 있다. 각 도메인에는 다음이 있음my-component-lib에 등록된.package.json 각 도메인이 lib를 플러그인으로 등록 //my-component-lib.js import components from 'my-component-lib' import Vue from 'vue' export default ({ store }) => { Vue.use(components, { store: store }) } //nuxt.config.js plugins: [ /*Desired option 1*/ '@/plugins/my-co..

크기를 조정하려면 탐색 드로어 끌기 그래서 나는 그것을 '크기 조정'이 작동하는 곳으로 가져갔다. 단지 약간 느릿느릿 느껴질 뿐이다.왜 그런지, 어떻게 고쳐야 하는지 아는 사람 있어? 다음을 사용하여 새로 고침을 강제 적용vm.$forceUpdate()하지만 그건 아무것도 할 수 없는 것 같았어 코드펜은 여기서 찾을 수 있다. 편집: 이 질문/우편에 데모 코드 작업 솔루션이 추가됨이렇게 하면 코드펜에 무슨 일이 일어나도 우리는 여전히 작업 데모 코드를 가지고 있다. new Vue({ el: "#app", data: () => { return { navigation: { shown: false, width: 200, borderSize: 3 } }; }, computed: { direction() { re..

Google 로그인 사용 오류 - vue "gapi가 정의되지 않음" 나는 처음 보는 사람이라 내 웹페이지에 구글 로그인 버튼을 넣으려고 노력해왔다.다만, 탑재한()에 「가파이는 정의되지 않았다」라고 기재한 에러가 있다.이걸 어떻게 고쳐야 하지?나도 가피 초기화를 시도해 보았지만 그것을 어디에 두어야 할지 모르겠다. Sign in with LFA Email 이 태그는 넣을 수 없다.단일 파일 구성 요소. 이 태그를 너의 태그에 넣어라.public/index.html: 그 외에도, 당신은 또한 속성을 제거해야 한다.async그리고defer왜냐하면 당신이 전화할 때gapi에 있어서 가변적인.mounted대본이 아직 다운로드되지 않았다. 올바른 스크립트는 다음과 같다. PS: 나에게 적합한 최소한의 예를 만들..

Vue.js - 요소 UI - 폼 유효성 검사 상태를 확인하는 방법 쓰고 있는데,vue-js그리고element-ui 클릭할 필요 없이 양식의 유효화 상태를 확인하고 싶다.submit button 예 https://jsfiddle.net/nw8mw1s2/ 재생산 단계 각 필드 클릭 검증은 흐림과 함께 트리거된다. 다른 입력 입력 채우기 시작 질문 마지막 입력의 유효성이 확인되면 어떻게 해야 하는가?isFormValidated로 돌리다.true. 즉, 「국가 오류가 있는 필드가 없는 경우에는, 돌린다」라고 어떻게 말할 수 있는가.valudateState진실로" 팁들 내 생각에 우리는 그 정보를 확인할 수 있을 것 같다.validateState각자의formItem형상의그러나 나는 그것을 구체적으로 어떻게 해야..

vuej에서 클릭한 버튼에만 로딩을 추가하려면 어떻게 해야 하는가? API에서 나오는 데이터를 루프하고 출력하는 테이블이 있다.나는 테이블 안에 단추를 추가했다.클릭 시 클릭 버튼 ID를 전송하고 출력해야 하는 기능 데이터를 수신할 때까지 로딩 중이어야 한다.여기 내 암호야. {{$t('message.numberReport')}} {{$t('message.periodFrom')}} {{$t('message.periodTo')}} {{$t('message.printButton')}} {{ item.id }} {{ item.periodFrom }} {{ item.periodTo }} {{ $t('message.printButton')}} 그런데 특정 버튼을 클릭하자 모든 버튼이 로드 모드로 들어가고 있다.어..

v-data-table을 사용 가능한 모든 공간에 수직으로 설치하는 방법 v-data-table을 "필수 레이아웃" 스냅샷처럼 사용 가능한 모든 공간 및 페이지 지정 막대를 하단에 고정할 수 있는가? 여기 코딩 html이 내가 이미 시도했던 것을 보여주는 코드펜이다. {{ props.item.fridgeDisplayName }} {{ props.item.state }} {{ props.item.task }} 공식 문서에서는 그렇게 할 방법이 없지만 다음 규칙을 추가하면 CSS를 사용하여 간단히 수행할 수 있다. .theme--light.v-datatable .v-datatable__actions { position: fixed; bottom: 0; width: 100%; } new Vue({ el: '#..

VueJS에서 애니메이션에 jQuery를 계속 사용해야 하는가? 현재 구성 요소의 메서드 개체 내에 다음 코드가 있는 경우: startImageAnimation() { $('.splash-image').fadeIn(1400, () => { setTimeout(function() { $('.splash-image').fadeOut(1400, () => { setTimeout(() => { $('.splash-screen').fadeOut(600); }); }); }, 1000); }); }, 나는 정말로 Vue 전환기를 이용하여 그것에 대한 방법을 찾으려고 노력했지만, jQuery를 사용하기에는 너무 어려워 보인다. 여기서 진짜 질문은: 나는 여전히 이런 상황에서 코딩을 해야 하는가 아니면 다른 방식으로 ..

Vue.js - 이 간단한 예에서 중첩된 구성 요소를 렌더링하는 방법? 나는 길을 잃었다.다른 구성요소에 중첩된 구성요소를 어떻게 올바르게 등록하고 렌더링할 수 있는지 모르겠다.이 예제를 실행하고 콘솔에 대한 룩 링크를 클릭하십시오.부품 등록에 대한 경고가 있다. var appLayout = { template: ` ` } var home = { template: ` Home ` } var about = { template: ` ` } var nestedComponent = { template: ` About

입력 필드에 최대 및 최소 제한을 설정하는 중? 나는 이 문제를 가지고 있는데, 내가 부피 텍스트 필드가 있는 곳에서 최대와 최소 한도를 설정하려고 한다.이제 min=0과 max=10을 설정해도 10보다 많은 값을 붙여넣을 수 있을 것 같다. 여기 코디펜이 있다. new Vue({ el: '#app', data() { return { } } }) onkeyup을 사용하면 작동하지만 10보다 큰 값을 붙여넣을 수 있으며, 바깥쪽을 클릭하면 10보다 큰 값이 나타난다.입력 사용 시 값을 하드코드로 지정하지 않음 oninput="if(Number(this.value) > Number(this.max)) this.value = this.max;" 입력 요소에 속성을 수동으로 넣을 수 있다(이 솔루션이 명확하지 ..