goodsource

어레이의 VueJs에서 동적 '자세히 읽기' 버튼을 긴 텍스트로 설정하는 방법 나는 얼마 전에 Vue JS를 배웠다. 그리고 나는 어떤 문제를 해결하는 데 몇 가지 문제가 있다. 이 경우 특정 객체에서 긴 텍스트를 숨기고 표시하는 이벤트를 만들어야 합니다. 내 지원서의 논리는 다음과 같다. 서버에 요청을 보냅니다. 나는 답을 얻었다. 그리고 Vuex 스토어에 씁니다. 또한 컴포넌트 출력에 게터 및 루프를 사용합니다. 만약 누군가 비슷한 상황에 처했다면, 저는 어떤 도움이라도 받을 수 있으면 고맙겠습니다. 이것은 내 코드의 일부입니다. import {mapActions, mapGetters} from "vuex"; {{comment.description.slice(0, 200)}}Открыть {{comm..

Vue.js 슬롯을 프로그래밍 방식으로 작성하는 방법 슬롯이 있는 컴포넌트는 다음과 같습니다. {{ someProp }} 어떤 이유로 이 구성 요소를 수동으로 인스턴스화해야 합니다.저는 이렇게 하고 있습니다. const Constr = Vue.extend(MyComponent); const instance = new Constr({ propsData: { someProp: 'My Heading' } }).$mount(body); 문제는 슬롯 콘텐츠를 프로그래밍 방식으로 작성할 수 없다는 것입니다.지금까지 간단한 문자열 기반 슬롯을 만들 수 있습니다. const Constr = Vue.extend(MyComponent); const instance = new Constr({ propsData: { some..

vuex, axios에서 불필요한 요청을 모두 취소하는 방법 문제가 있다: 페이지를 실행하면 비동기 기능이mounted훅이 계속 기능한다(예를 들어)await this.getUser({id: 1}))를 사용하려고 합니다.axios.CancelToken단, 유감스럽게도 첫 번째 요구만 취소됩니다(모든 요구는 아닙니다).요청 전송 기능: const source = axios.CancelToken.source(); const config = { headers: { authorization: `${prefix}${localStorage.getItem('authorization')}` }, cancelToken: source.token }; store.commit('SET_CANCEL_SOURCE', source..

스토어 내에서 액션에 액세스하거나 디스패치를 하는 방법 이것은 스토어에 있는 알림 모듈입니다.스토어 자체에서 클리어 메서드를 트리거하여 몇 초 후 자동으로 알림이 트리거되면 알림을 닫도록 하겠습니다.어떻게 하면 좋을까요? export const mutations = { success(state, message, isModal) { state.type = 'success'; state.message = message; state.show = true; state.isModalMsg = isModal; setTimeout(()=>{ actions.clear(state); },3000); }, error(state, message, isModal) { state.type = 'danger'; state.mes..

Java 문자열에 있는 두 개 이상의 공백을 단일 공백으로 대체하고 선행 및 후행 공백을 삭제하는 방법 Java에서 이 문자열을 빠르고 쉽게 변경할 수 있는 방법을 찾고 있습니다. " hello there " 이렇게 생긴 것에 대해서 "hello there" 문자열 시작 부분에 있는 하나 이상의 공백이 사라지도록 하는 경우를 제외하고 여러 개의 공백을 모두 단일 공백으로 바꿉니다. 이런 건 날 부분적으로 데려다 줘 String mytext = " hello there "; mytext = mytext.replaceAll("( )+", " "); 하지만 꼭 그렇진 않아요이것을 시험해 보세요. String after = before.trim().replaceAll(" +", " "); 「 」를 참조해 주세요..

One-past-malloc을 가리키는 포인터를 사용하는 것이 잘 정의되어 있습니까? C에서는 배열의 마지막 요소를 가리키는 포인터를 만들어 포인터 산술에 사용하는 것이 좋습니다.단, 참조를 해제하지 않는 한 다음과 같습니다. int a[5], *p = a+5, diff = p-a; // Well-defined 단, UB는 다음과 같습니다. p = a+6; int b = *(a+5), diff = p-a; // Dereferencing and pointer arithmetic 이제 질문이 있습니다.이것은 동적으로 할당된 메모리에 적용됩니까?포인터하지 않고 .malloc()공합니니다다 int *a = malloc(5 * sizeof(*a)); assert(a != NULL, "Memory allocatio..

제공/주입된 VUE 컴포넌트를 유닛 테스트하는 방법 유닛 테스트를 작성 중인데 컴포넌트에 문제가 생겼습니다.inject소유물. 사용하고 있다shallowMount이것에 대해 조사를 좀 해봤습니다.그리고 가짜 데이터를 만들 수 있는 방법이 있습니다.provide https://vue-test-utils.vuejs.org/api/options.html#provide 를 참조해 주세요.하지만, 저는 어떤 정보도 힌트도 보지 못했습니다.inject. 그래서 유닛 테스트 방법에 대한 조언이 필요합니다.injectVuejs에서요?제공 속성에서 설정한 내용은 마운트된 구성 요소에 주입하는 데 사용되는 것입니다. 내 유닛 테스트에서 나는 metadataModule = sandbox.createStubInstance(M..

VueJS 커스텀 디렉티브 + import 이벤트 할 필요가 있다$emit커스텀 디렉티브로부터의 이벤트가능합니까? directive.directive: vnode.context.$emit("myEvent") // nothing append vnode.child.$emit("myEvent") // error vnode.parent.$emit("myEvent") // error 요소.vue: 그게 가능한지, 무슨 속임수가 있는지 아세요? 고마워요.A 이 아니다VueComponent그 말은 즉, 이 시스템에는$emit방법. 따라서 Vue 커스텀 디렉티브에서 이벤트를 내보내려면 먼저 몇 가지 검사를 수행해야 합니다. Vue 커스텀컴포넌트에서 디렉티브가 사용된 경우 해당 컴포넌트의 인스턴스를 호출합니다. 디렉티브..

Vue에서 대화 상자가 완료될 때까지 선택 양식을 변경하지 않도록 하는 방법 다양한 옵션을 선택할 수 있는 선택 필드가 있습니다.사용자가 필드를 클릭하여 현재 선택 항목을 변경할 때 사용자에게 변경을 계속할 것인지 확인하도록 프롬프트를 표시해야 합니다. 그러면 사용자가 긴 프로세스를 다시 수행해야 하기 때문입니다.변경을 취소하는 경우, 선택한 옵션이 변경되는 것을 방지해야 합니다.이는 짧은 일시적인 변경이라도 클라이언트에 자동 저장을 트리거하기 때문입니다.따라서 다른 솔루션은 원래 값을 저장하고 변경을 진행시킨 후 필요에 따라 변경을 되돌리기 때문에 작동하지 않는 것으로 보입니다. 이것이 적절한 방법인지는 모르겠지만 선택 필드를 클릭할 때마다 실행되는 함수를 만들기로 했습니다.네이티브를 사용하여 이 문제..

C 구조체의 부재 숨기기 C에서 OOP에 대해 읽은 적이 있지만, C++에서처럼 개인 데이터 구성원을 가질 수 없다는 점이 마음에 들지 않습니다.그런데 갑자기 2개의 구조물을 만들 수 있다는 생각이 들었어요.하나는 헤더 파일에 정의되어 있고 다른 하나는 소스 파일에 정의되어 있습니다. // ========================================= // in somestruct.h typedef struct { int _public_member; } SomeStruct; // ========================================= // in somestruct.c #include "somestruct.h" typedef struct { int _public_member..