c10106

VueJS: datetime을 바인딩하는 방법? 다음 속성을 가진 JSON 개체를 WebAPI에서 수신함: "BirthDate": "2018-02-14T15:24:17.8177428-03:00", HTML: VueJS를 사용하여 해당 개체를 바인딩하지만 VueJS는 콘솔에서 다음과 같은 메시지를 전달한다. The specified value "2018-02-14T15:24:17.8177428-03:00" does not conform to the required format, "yyyy-MM-dd". 이 건에 대해서는 2018-02-14만 해당되며, 다른 정보는 폐기할 수 있다. 나는 날짜 시간을 필수 형식으로 변환하기 위해 양방향 필터를 만들려고 했지만 성공하지 못했다.VueJS 양방향 필터 참조 해당..

Vue 1.x/2.x: $route 개체에서 vue-router 경로 URL 가져오기 우리가 알고 있듯이, 우리는vue-route길 좀 막아야겠어. 그리고 vue2의 경우: 그리고 이제 사용자가 복사할 링크 URL을 표시하려고 하는데, 경로 객체에서 절대 경로 URL을 반환할 방법이 없을까?의사들이 그것에 대해 언급하지 않은 것 같았다. 예를 들어, 나는 다음을 원한다. Copy the address 그런 방법이 있을까?이 일을 하려는 미래의 사람들을 위해 나는 이것이 Vue 2.x 길이라고 믿는다. var path = this.$router.resolve({name: 'SomePath', params: {id: 1}}).href 만약 당신이 전체 URL을 원한다면 당신은 var fullUrl = win..

상태 변경으로 업데이트되지 않는 Vue UI 나는 저장 상태의 변화를 추적하기 위해 버튼을 만들고 있다. 나는 기본적으로 세이브에서 성공/실패 응답을 받았을 때 적용되는 수업이 있다.이것은 잘 작동한다. 작동이 안 되는 부분은 내 단추 안에 있는 선택 텍스트야. export default { name: "saveButton", components: {spinner}, data: function() { return { hover: false } }, props: ['handleSubmit', 'isSaving', 'saveStatus'], methods: { submit() { this.$emit("handleSubmit") }, mouseOver(value) { this.hover = value; } }..

다른 구성 요소의 Vue 호출 방식 나는 카드 컴포넌트와 모달 컴포넌트, 모달 컴포넌트가 두 개 있는데, 모달 컴포넌트는 모달 엘리먼트를 포함하고 있다. 내 카드 컴포넌트에 모달 컴포넌트의 모달 윈도우를 여는 버튼을 갖고 싶다.내가 그것을 어떻게 관리하느냐, 지금까지 나는 이렇게 했다. 내 카드 구성 요소: test test Open Dialog 내 모달 구성 요소: Open Dialog test 다음 명령을 사용하여 다른 구성 요소의 메서드를 호출할 수 있음ref. Open Dialog ... 모달 구성 요소: ... test 당신이 할 수 있는 것은 이벤트 버스를 만드는 것이다.이렇게 하면 한 번에 1개 이상의 구성 요소에 메시지를 보낼 수 있다.일단 당신이 메시지를 내보내고 나면, 듣고 있는 모든 ..

다중 선택 및 v-모델(개체 어레이 포함) 나는 Vue.js 2.0과 요소 UI 라이브러리를 사용하고 있다. 다중 선택 컴포넌트로 작업 중이야.v-model 속성은 모든 옵션을 미리 선택하기 위해 여기에 있다.그래서 만약 있다면model: ['Option4'], 옵션4를 사용하여 선택 항목 미리 선택됨 할 수 있었으면 좋겠다.v-model각 옵션의 레이블을 포함하는 배열 대신 객체 배열 즉, 사용하는 대신model: ['Option4']나는 이런 것을 사용할 수 있기를 바란다.model: [{name:'Option4'}, {name:'Option5'}]. 그렇게 할 때 사전 선택이 제대로 이루어지지 않는다. 그렇게 하는 것이 가능한가? 만약 그렇다면 어떻게? http://jsfiddle.net/3ra1j..

VueDevtools에서 VueJS 구성 요소를 클릭할 때까지 렌더링되지 않음 나는 게시물에 첨부된 피처링 이미지를 확인하기 위해 API를 호출하는 블로그 백엔드의 섹션(SPA가 아닌)에 VueJS 2.5.3을 사용하고 있다. 만약 그것이 하나를 발견하면, 그것은 이미지를 보여주기 위해 자식 구성요소를 사용한다.문제는 API 호출이 성공한 후 하위 구성 요소가 렌더링되지 않아 이미지 개체도 전달되지 않는다는 점이다. 이 GIF에서 볼 수 있듯이 하위 구성 요소가 렌더링되지 않음, 나는 a를 가지고 있다.v-if이미지의 존재 여부를 확인하기 위해.그러나 Vue DevTools 내부의 child 구성 요소를 클릭하면 child 구성 요소가 렌더링되어 이미지를 예상대로 보여준다. 내 질문은 하위 구성 요소가 ..

Vue.js에서 사용자 지정 렌더 기능이 있는 텍스트 노드 생성 A를 사용하고 있다.my-link다양한 품목에 대한 요구에 따라 앵커 태그를 포장하는 구성 요소.그 목적으로는 관습이 있다.render방법 사용 - 그러나createElement메소드는 HTML 노드만 만들 수 있으며, 일반 텍스트 노드 생성은 불가능해 보인다. 현재 시나리오 의 사용법my-link구성 요소 {{ item.text }} 구현my-link으로 구성되다.Link.vue 결과 HTML This item is linked Plain text item 원하는 시나리오 그span이 특정 시나리오의 태그는 불필요하며 피할 수 있다. 하지만, 나는 이것이 Vue.js를 통해 어떻게 그리고 어떻게 가능한지 확실하지 않다.일반적으로 사용자 정..

[부유 경고]:v-on 핸들러 오류: "TypeError: Object(...) (...).httpsCallable(...). 그러면 함수가 아님" 내 Vue 앱에서 이 Firebase Cloud functions를 호출하려고 하는데 exports.sayHi = functions.https.onCall((data, context) =>{ return "hi"; }); 이것은 가게에서 나의 행동이다. import { getFirebaseDB, getFirebaseFunctions, } from "../../helpers/firebase/authUtils"; reserveApt() { getFirebaseFunctions() .httpsCallable("sayHi") .then((result) => { co..

Vue CLI 사용 - 사용 가능한 모든 플러그인을 업데이트, 제거 및 보는 방법 나는 Vue.js에 처음 와봤는데 Vue CLI가 빠른 발전을 위해 가는 길인 것 같아.그래서 설치해서 잘 작동하는 앱을 만들었어. 다음이 포함된 Vuetify.js 플러그인을 추가했다.vue add vuetify그리고 또한 더해질 것이다.vuex그리고vue-router플러그 인하지만 난 궁금했어: 사용 가능한 모든 Vue CLI 플러그인을 나열하는 명령이 있는가?앱을 만드는 동안 몇 가지를 수동으로 선택할 수 있다는 것을 알고 있다. Vuetify.js와 같은 플러그인을 업데이트하는 방법 내 앱에서 플러그인을 제거하는 방법 미리 고마워! 사용할 수 있다vue inspect --plugins 그것을 제거하고 다시 추가해라...

Nuxt.js의 "문서가 정의되지 않음" Vue 구성 요소 내에서 Choice.js를 사용하려고 한다.구성 요소가 성공적으로 컴파일되지만 다음 오류가 트리거됨: [vue-router] 비동기 구성 요소 기본값 확인 실패: ReferenceError: 문서가 정의되지 않음 브라우저에 표시되는 내용: ReferenceError 문서가 정의되지 않음 이게 Nuxt.js의 SSR과 관련이 있다고 생각해?나는 오직 Choice.js만 클라이언트에서 실행하면 된다고 생각해. nnxt.config.js build: { vendor: ['choices.js'] } 앱컨트리선택.vue 고전적인 Vue에서는 이것이 잘 먹힐 것이다. 그래서 나는 Nuxt.js를 어떻게 이런 식으로 일하게 할 수 있는지 아직도 이해가 간다...