sourcetip

부모에서 자녀로 슬롯을 사용하여 소품을 전달하는 방법 -vuejs 부모 컴포넌트와 자식 컴포넌트가 있습니다. 상위 구성 요소의 템플릿은 하나 이상의 하위 구성 요소가 상위 구성 요소 내부에 포함될 수 있도록 슬롯을 사용합니다. 하위 구성 요소에는 'signal'이라는 소품이 포함되어 있습니다. 부모 컴포넌트의 'parentVal'이라는 데이터를 변경하여 자녀의 시그널 프로포트를 부모 값으로 갱신할 수 있도록 하고 싶습니다. 이것은 간단한 것으로 보이지만, 슬롯을 사용하는 방법을 알 수 없습니다.다음으로 실행 예를 제시하겠습니다. const MyParent = Vue.component('my-parent', { template: ` Parent's Children: `, data: function() { ..

vuejs 렌더 함수의 추가 클래스와 함께 전달된 슬롯 반환 하나의 노드만 있을 때 어떤 요소가 전달되든 단순히 클래스를 슬롯으로 추가하는 작업을 수행하는 컴포넌트를 만들려고 합니다. 사용방법: hello 출력: hello 로 시도했다.태그 붙이기는 하지만루트에는 들어갈 수 없습니다. 와 함께라도render()함수, 전달된 슬롯의 vnode를 수정한 후 반환하려고 했습니다.class속성: render (createElement) { var vnode = this.$slots.default[0] vnode.data = vnode.data || {} vnode.data.class = { 'added-by-component': this.someCondition } return vnode } 이마저도 뜻대로 되..

Vuex - 모듈 간에 공통 기능 공유 저는 Vue Js 2 어플리케이션에서 작업하고 있으며 현재 코드를 분리하기 위해 스토어와 다른 모듈을 구축하고 있습니다.공통 함수를 작성하여 모든 모듈에서 공유할 수 있는 방법이 있습니까? 예를 들어 customer.js, cart.js, address.js에서 사용할 필요가 있는 truncate() 함수가 있습니다.store.js에서 선언하고 모듈에서 사용하려고 하면 오류가 발생합니다.수출입만이 유일한 방법인가요?기능을 공유하는 가장 좋은 방법은 무엇입니까?가장 간단한 경우는 당연히 js 파일에 정규 함수를 정의하고 필요한 곳이면 Import/사용하는 것입니다. Vue 고유의 접근법이 있습니다. Vuex 모듈의 일반적인 재사용 가능 기능에는 Vuex 플러그인을 사..

Cookie 및 Vue-persist에서 만료 시간을 시간 또는 분으로 설정하려면 어떻게 해야 합니까?Vuex const vuexCookie = new VuexPersist({ restoreState: (key, storage) => Cookies.getJSON(key), saveState: (key, state, storage) => Cookies.set(key, state, { expires: 3 }), modules: ['user'] // only save user module }) expires 개체를 초 또는 분으로 설정하려면 어떻게 해야 합니까? 3이 무슨 뜻인지 모르겠어요.숫자의 경우,expires일수를 의미합니다. 3이 무슨 뜻인지 모르겠다 그래서: Cookies.set(key, state..

className이 VueJS 메서드에서 작동하지 않음 모든 요소의 classNames를 "link" 클래스로 변경하고 싶습니다.요소에서 클릭 동작으로 호출되는 메서드를 사용하고 있습니다.함수에서 길이를 구하는 테스트를 해봤는데, 정상적으로 동작하지만 클래스를 추가하면 동작하지 않습니다.왜 그런지 아는 사람? HTML Link text 1 Link text 2 Link text 3 JS var app = new Vue({ el: '#app', methods: { myFunc: function(event){ // works var ElLength = document.getElementsByClassName('link').length; console.log('ElLength = ' + ElLength); /..

C에서 디렉토리 목록을 얻으려면 어떻게 해야 하나요? 디렉토리에서 C 폴더와 파일을 스캔하려면 어떻게 해야 합니까?크로스 플랫폼이어야 합니다.다음의 POSIX 프로그램은, 현재의 디렉토리에 있는 파일의 이름을 인쇄합니다. #define _XOPEN_SOURCE 700 #include #include #include int main (void) { DIR *dp; struct dirent *ep; dp = opendir ("./"); if (dp != NULL) { while (ep = readdir (dp)) puts (ep->d_name); (void) closedir (dp); } else perror ("Couldn't open the directory"); return 0; } 크레딧 : http..

매초 같은 액션에 대한 Vuex 커밋이 느리다 Vue.js v2.5.17에서 Vuex V3.0.1을 사용하고 있다. vuex의 동일한 작업 커밋은 정확히 매초 느립니다.컴포넌트 내부에 동일한 Axios 요청을 넣고 컴포넌트 내부에서 호출하면 항상 16~22ms 사이입니다.하지만 매장에 디스패치 할 때 1초마다 300ms가 넘습니다. this.$store.dispatch('getQueryData', {QueryId: this.to.QueryId, params: data, CacheResults : this.to.CacheResults }).then(response => { this.options = response.data var arr = response.data var defaultValue = thi..

오류: "[vuex] 변환 핸들러 외부에 있는 vuex 저장소 상태를 변환하지 마십시오. 작은 배경 이야기 이것은 일반적인 에러인 것을 알고 있습니다.StackOverflow를 조사했는데 비슷한 문제를 찾을 수 없습니다.내 말은, 엄밀히 따지면 같은 제목을 가진 것도 있지만, 내 문제를 해결해주진 않아. 다음 문제는 내 문제와 동일하지 않습니다. vuex는 변환 핸들러 외부의 vuex 저장소 상태를 변환하지 않습니다. Vue의 반응성과 관련된 Vuex 문서를 읽었는데 작동하지 않는 것 같습니다.이것이 Vuex의 문제인지 Quasar의 문제인지 전혀 알지 못했습니다.저는 한동안 이 문제로 고민했는데, 제가 모르는 단순한 것을 놓치고 있었던 것 같습니다. 다음과 같은 컴포넌트 파일이 있습니다.RouteTab..

vuex를 사용하여 페이지를 새로 고친 후에도 로그인 상태를 유지하는 방법 로그인하려면 서드파티 API를 호출하여 액세스 토큰을 제공합니다. 이것은 vuex가 포함된 my store.vpair 코드입니다. /* eslint-disable */ import Vue from 'vue' import Vuex from 'vuex' Vue.use(Vuex) export default new Vuex.Store({ strict: true, state: { token: null, isUserLoggedIn: false, userEmailAddress: null }, mutations: { setToken (state, token) { state.token = token if (token) { state.isUserL..

특정 연결에서 다른 인증서를 사용하려면 어떻게 해야 합니까? 대형 Java 응용 프로그램에 추가할 모듈은 다른 회사의 SSL 보안 웹 사이트와 대화해야 합니다.문제는 사이트에서 자체 서명된 인증서를 사용한다는 것입니다.man-in-the-middle 공격이 발생하지 않았는지 확인하기 위해 증명서 복사본을 가지고 있으며 서버에 접속하기 위해 이 증명서를 코드에 통합해야 합니다. 기본 코드는 다음과 같습니다. void sendRequest(String dataPacket) { String urlStr = "https://host.example.com/"; URL url = new URL(urlStr); HttpURLConnection conn = (HttpURLConnection)url.openConnect..