luckcodes

vue.timeout - v-timeout 대체 저는 JSX의 리액션 배경에서 왔습니다.그래서 이런 걸 쓰면 var test = i am a div html을 설정하는 것은 매우 일반적입니다.v-html을 사용하여 동일한 작업을 수행할 수 있다는 것은 알고 있지만, 다음 코드를 통해 이것이 가장 안전한 방법인지 궁금했습니다. vue 성분 html 템플릿 {{ guide.title }} vue 속성에서 HTML을 렌더링하는 기능을 포함하려면v-html사용자가 HTML의 소스 속성을 변경할 수 있도록 허용하면 XSS 취약성에 대한 보안 문제가 발생합니다.이 경우 데이터를 서버로 반송할 때 입력을 삭제해야 합니다(이 경우 평판이 좋은 외부 라이브러리를 사용하는 것이 좋습니다).사용자가 데이터를 수정하지 않을 ..

VueJ에서 디스패치 후 이벤트를 내보내는 방법 행 그리드가 있는 부모 컴포넌트가 있으며 vuex를 사용하여 데이터를 전달하고 있습니다.새 레코드를 추가할 때 새로 추가된 레코드를 모달 창에서 열고 싶습니다.이벤트를 내보내고 첫 번째 레코드로 모달(index = 0)을 엽니다.문제는 vuex "액션"을 사용하여 레코드를 추가하는 것은 Ajax 콜이기 때문에 레코드가 추가되기 전에 방출이 발생한다는 것입니다.이벤트와 함께 레코드가 추가될 때까지 어떻게 기다려야 하나요?아니면 더 좋은 방법이 있을까요? 코드는 다음과 같습니다. computed: { rows(){ return this.$store.state.rows; } }, methods:{ openNewlyAddedRecord(){ this.openmod..

사전에 URL을 모르는 상태에서 http를 통해 사전 구축한 재사용 가능한 Vuejs 컴포넌트를 로드하려면 어떻게 해야 합니까? 다음과 같은 설정이 있습니다. Apache를 통해 제공되는 URL(dev + prod) 아래에 2개의 VueJs 앱이 있습니다. https://dev-domain.com/web https://prod-domain.com/kiosk VueJs에 구현된 것과 동일한 게임을 포함하고 내장해야 하는 일반적인 VueJs 앱입니다. 다음과 같은 단일 파일 vuejs 게임을 제공하는 백엔드 구현이 있습니다. yarn vue-cli-service build --target wc --name game ./src/components/Game.vue 다음과 같이 제공됩니다. https://dev-..

모달 닫힐 때까지 기다렸다가 OK 또는 CANCEL을 클릭하여 실행을 계속하려면 어떻게 해야 합니다. 알고리즘: 2개의 오브젝트 배열(새로운 것, 삭제한 것, 이름 변경 등)의 차이를 알 수 있습니다.차이는 다음 위치에 저장됩니다.data[1-5] #1에 따라 모달의 텍스트 요약(텍스트의 오브젝트)을 작성하여 사용자에게 어떤 차이가 발견되었는지 알립니다.이 요약은 다음 위치에 저장됩니다.someDataToShowInModal. 차이가 발견되면 요약을 포함한 모달(modal)을 사용자에게 보여줘야 합니다.변경 내용을 적용하려면 사용자가 수락(확인 클릭) 또는 거부(취소 클릭)해야 합니다. 질문: 사용자가 모달의 [OK]또는 [CANCEL]버튼을 클릭할 때까지 기다리는 방법 코드에는 두 가지 가능한 해결 방..

IntelliJ - Java 프로젝트/모듈을 Maven 프로젝트/모듈로 변환 나는 비트버킷에 대한 프로젝트가 있다.소스만 커밋됩니다.프로젝트를 새 머신으로 가져오기 위해 IntelliJ 내에서 버전 컨트롤 > 버전 컨트롤에서 체크아웃을 사용했습니다. 그런 다음 이 소스에서 새 프로젝트를 만들 것인지 묻습니다. 이에 대해 Yes라고 대답합니다.지금까지는 좋아.단일 모듈로 구성된 작고 멋진 Java 프로젝트를 만듭니다. 그러나 이 프로젝트를 IntelliJ에 도입할 때의 목표는 Maven 프로젝트로 전환하는 것이었습니다.내가 이걸 할 수 있는 방법을 어디에서도 찾을 수 없어! IntelliJ가 이름, artifictId 및 저장소를 사용하여 기본 빈 pom.xml을 생성하도록 하는 방법이 있습니까?아니면 애..

JS 파일에서 Nuxt 프로젝트의 Vuex 스토어 액세스 Nuxt 프로젝트에서는 루트 폴더에 "apiAccess.js"라는 이름의 파일이 있습니다.이 파일은 Ajax 호출을 하는 함수를 서버 API로 내보냅니다.이 파일은 서버 API에 액세스해야 하는 모든 페이지에서 Import됩니다.각각의 API 요청과 함께 JWT 토큰을 전송해야 하며 Vuex 스토어에 해당 토큰을 저장했습니다. 이 "apiAccess.js" 파일 내의 Vuex 스토어에서 JWT 토큰에 액세스해야 합니다.아쉽게도 이거예요.$store는 이 파일 내에서 인식되지 않습니다.이 파일 내에서 Vuex 스토어에 액세스하려면 어떻게 해야 합니까?아니면 뭔가 다른 걸 했어야 했나? 다음은 apiAccessjs 파일에서 스토어에 접속하려고 하는 일..

지정된 문자 수로 문자열 생성 c++로 초기화할 때 256자로 하는 문자열을 작성하는 방법이 있습니까? 내 과제의 일부는 내가 "1"을 요구해.256자로 이루어진 문자열을 만듭니다.이름 반복 사용" 루프를 사용하는 것 외에 어떻게 해야 할지 잘 모르겠지만, 더 쉬운 방법이 있을 것 같습니다.의 컨스트럭터 참조를 보면 완전한 문자열을 반복하는 쉬운 방법이 없음을 알 수 있습니다.1개의 캐릭터에 대해서(2)다음과 같습니다. std::string s(5, 'a'); // s == "aaaaa" 문자열 반복을 생성하려면 몇 가지 해결 방법이 필요합니다.예를 들어, 문자열을 다음과 같이 채우는 것만으로 이 사후 구성을 쉽게 수행할 수 있습니다.std::generate(알고리즘을 즐기면서) #include #inc..

vue.displaces 구성 api 및 sfc를 사용하여 vuex의 어레이 상태 변경 감시 vuex 상태 변화를 관찰하려고 합니다.상태는 어레이입니다.버튼을 눌러서 그 배열의 값을 변경합니다.이 버튼을 누르면 배열(vuex 상태)이 바뀔 때마다 화면에 값을 목록으로 표시하고 싶습니다. 이것은 메인 vuex 스토어입니다. import { createStore } from 'vuex'; import rollingModule from './modules/rolling/index.js'; const store = createStore({ modules: { rolling: rollingModule, }, }); export default store; vuex 스토어 모듈입니다. export default { ..

고유한 vuex 저장소 인스턴스를 사용해야 하는 구성 요소를 재사용하는 방법 스토어에 데이터를 저장하는 재사용 가능한 컴포넌트와 함께 vuex를 사용하는 방법을 찾고 있습니다.문제는 스토어가 각 컴포넌트 인스턴스에 대해 고유해야 한다는 것입니다. 저는 이 문서의 재사용 가능한 모듈이 열쇠라고 생각했는데, 결국 이 목적을 위한 것이 아닌 것 같거나 사용법을 이해하지 못했습니다. 부모 컴포넌트: (프롭 "req-path"를 사용하여 다른 URL을 전달하고 각 FileExplector 컴포넌트가 해당 URL 경로를 사용하여 API에서 데이터를 가져오는 액션을 커밋합니다.) 재사용 가능한 구성 요소: Results: {{ item.name }} store.js는 다른 파일로 구분된 스토어 모듈을 호출합니다.여기..

Nuxt/Vue.js - 프로포트를 기반으로 자 컴포넌트에 동적으로 로드 나는 가지고 있다sectionHeader.vue여러 페이지에서 사용하고 싶은 컴포넌트입니다.그 안에sectionHeader.vue는 입니다.소품을 통해 각 헤더의 내부를 동적으로 변경하고 싶은 요소(강력한 3js 애니메이션에 사용).Vue 고유의 코드 분할을 활용하여 각 페이지가 다른 페이지마다 애니메이션 js 코드를 로드하지 않고 관련 코드만 로드하도록 하고 싶습니다. 동적 컴포넌트를 사용하여 동적으로 로드하려고 합니다만, 이것이 제가 원하는 것은 아닌 것 같습니다. 내 폴더 구조: components animations robust-animation-1.vue robust-animation-2.vue maybe-like-15-m..