반응형

분류 전체보기 1664

입력에 초점을 맞추고 @click을 하면 Vue.js 입력 제안 표시

입력에 초점을 맞추고 @click을 하면 Vue.js 입력 제안 표시 앱에 작은 문제가 있습니다.이렇게 v-show와 @focus를 사용하여 입력이 집중된 경우에만 검색 제안을 표시합니다. //input @focus="shouldShowSuggestions = true" @blur="shouldShowSuggestions = false" //suggestions div v-show="shouldShowSuggestions" 입력에 초점을 맞추면 제안이 올바르게 표시되지만 제안을 클릭하려고 하면 링크가 클릭되지 않고 @blur로 인해 제안이 사라집니다. 그 문제는 알지만 어떻게 대처해야 할지 모르겠어요.좋은 생각 있어요? 문제가 있는 펜이 명확하지 않을 경우를 대비해서 작성했습니다.재생하려면 입력에 초점을..

sourcecode 2022.08.13

Vue를 사용하여 CSS를 무한 애니메이션화하는 방법

Vue를 사용하여 CSS를 무한 애니메이션화하는 방법 Vue 애니메이션을 무한히 실행할 방법을 찾고 있습니다.초기 애니메이션은 작동하지만 무한히 실행되지는 않습니다. .endless { animation: endless_animation 10s linear infinite; } 이것은 플레인 css에서 동작하지만 컴포넌트가 갱신될 때마다 재시작됩니다. 컴포넌트가 갱신될 때마다 재기동되는 것은 아니고, 1회만 기동합니다.vue 전환을 무한히 애니메이션화하는 방법은 무엇입니까?언급URL : https://stackoverflow.com/questions/57462504/how-to-animate-css-infinitely-with-vue

sourcecode 2022.08.13

컴파일 시 할당된 메모리'는 무엇을 의미합니까?

컴파일 시 할당된 메모리'는 무엇을 의미합니까? C나 C++와 같은 프로그래밍 언어에서는 정적 메모리 할당과 동적 메모리 할당이 자주 사용됩니다.개념은 이해하지만 "모든 메모리가 컴파일 시간 동안 할당(예약)"이라는 문구는 항상 헷갈립니다. 컴파일은 높은 수준의 C/C++ 코드를 기계어로 변환하여 실행 파일을 출력하는 것으로 알고 있습니다.컴파일된 파일에서 메모리를 "할당"하려면 어떻게 해야 합니까?메모리는 항상 모든 가상 메모리 관리 기능과 함께 RAM에 할당되지 않습니까? 메모리 할당은 정의상 실행 시 개념 아닌가요? C/C++ 코드에 1KB의 정적으로 할당된 변수를 만들면 실행 파일의 크기가 같은 양만큼 증가합니까? 이 페이지는 "Static allocation"이라는 제목 아래 구문이 사용되는 페..

sourcecode 2022.08.13

종속성 주입을 통해 Vue.JS Vuex 저장 및 my api

종속성 주입을 통해 Vue.JS Vuex 저장 및 my api 스토어 모듈 내에서 API에 액세스하는 데 문제가 있습니다.my api의 인스턴스를 생성하여 스토어와 마찬가지로 vue 작성 내에서 전달했습니다.그러나 내 모듈에 로직을 구현하려고 할 때, 이것은.$api는 내 컴포넌트에서 동작하는 것처럼 동작하지 않습니다.이미 작성한 API 인스턴스에 액세스할 수 있는 방법이 있습니까? const api = new Api(); /* eslint-disable no-new */ new Vue({ components: {App}, router, api, //

sourcecode 2022.08.13

모듈과 함께 vuexfire를 사용할 때 돌연변이를 처리하는 방법은 무엇입니까?

모듈과 함께 vuexfire를 사용할 때 돌연변이를 처리하는 방법은 무엇입니까? 다음은 vuexfire 설명서의 모듈과 함께 돌연변이를 사용하는 것과 관련하여 일부 코드 조각과 함께 기술되어 있습니다. 루트 스토어에 돌연변이를 추가하고 먼저 상태에서 바인딩할 속성을 정의하십시오. import { vuexfireMutations } from 'vuexfire' const store = new Vuex.Store({ state: { todos: [], // Will be bound as an array user: null, // Will be bound as an object }, mutations: { // your mutations ...vuexfireMutations, }, }) 모듈에서도 작동하지만 ..

sourcecode 2022.08.13

폴더에서 모든 Vue 구성 요소를 가져오려면 어떻게 해야 합니까?

폴더에서 모든 Vue 구성 요소를 가져오려면 어떻게 해야 합니까? 모든 vue 컴포넌트를 폴더에서 자동으로 로드하려고 하는데 vue "Async Components"를 사용하지 않으면 정상적으로 작동합니다. Import에서 비동기 컴포넌트를 사용하려고 하면다음의 에러가 표시됩니다. 10:11-36 Critical dependency: the request of a dependency is an expression 모든 컴포넌트를 로드하여 다음 오류를 발생시키는 코드: const ComponentContext = require.context('./', true, /\.vue$/i); ComponentContext.keys().forEach((componentFilePath) => { const compon..

sourcecode 2022.08.13

Enter 키를 누르지 않고 칩을 사용하여 태그를 vuetify합니다.

Enter 키를 누르지 않고 칩을 사용하여 태그를 vuetify합니다. 나의 뷰티파이 프로젝트에서 나는 이런 것을 가지고 있다. 이 정도면 충분합니다.하지만 Enter 키를 눌러야만 작동합니다.이 목표를 달성하려면,왜냐하면 이메일 등 많은 아이템을 붙일 예정이기 때문입니다.그래서 나는 히트 엔터를 타보고 싶어. 혼수상태로 분리된 이메일을 많이 붙여 배열로 선택한 칩을 얻을 수 있는 방법이 있나요? 감사합니다. 유사한 동작에 대한 지원은 v1.1에 대해 계획되어 있습니다. https://github.com/vuetifyjs/vuetify/issues/3287 댓글 중 하나에서 임시 해결책을 복사하겠습니다. @jakarn은 다음과 같이 썼다. 예를 들어 다음과 같습니다. 더하다ref="tags"고객님께v-s..

sourcecode 2022.08.13

도커 이미지 - 유형.슬림형 vs 슬림형 vs 스트레칭 vs 알파인

도커 이미지 - 유형.슬림형 vs 슬림형 vs 스트레칭 vs 알파인 Java 앱을 구축하기 위해 도커 이미지를 선택하고 OpenJDK 이미지의 변형을 찾고 있습니다.여기 https://github.com/docker-library/openjdk/tree/master/8/jdk에서 알프스, 슬림, 창문이 보입니다.이들 간의 차이점은 무엇이며, 각 변형은 무엇을 제공합니까?도커 라이브러리 문서(아래 인용문 및 링크)별로 다음과 같이 요약합니다. openjdk: 디팩토 이미지확실하지 않은 경우 사용합니다. openjdk:-buster,openjdk:-stretch ★★★★★★★★★★★★★★★★★」openjdk:-jessie buster,jessie ★★★★★★★★★★★★★★★★★」stretch는 Debian ..

sourcecode 2022.08.13

어레이 응답을 vue.js 및 larabel로 표시하는 방법

어레이 응답을 vue.js 및 larabel로 표시하는 방법 어레이 데이터를 표시하다.vue어떻게 해야 할지 모르겠어요.제가 시도한 것은 다음과 같습니다. Project Name Type {{ user.data.user.assigned_projects.name }} {{ user.data.user.assigned_projects.type }} 다음은 API 응답 예시입니다. { "response":{ "error":{ "error_code":0, "error_msg":"", "msg":"" }, "data":{ "user":{ "id":1, "email":"email@address.com", "first_name":null, "last_name":null, "photo_url":null, "organis..

sourcecode 2022.08.13

VueJ: 트리거 시 커스텀 Socket.io에서 내보내는 기능이 처리되지 않음

VueJ: 트리거 시 커스텀 Socket.io에서 내보내는 기능이 처리되지 않음 npm 다운로드 페이지의 지시에 따르고 있습니다.하지만, 나는 그 정보를 얻을 수 없습니다.this.$socket.emit작업 방법을 참조하십시오. 이건 내 안에 있어Main.vue컴포넌트: sockets: { connect() { console.log('socket connected') }, getAllOnline(token) { console.log(`Your token is ${token}`) } }, created() { this.$socket.emit('getAllOnline', '123213') } 셋업했습니다VueSocketio내 안에서main.js다음과 같은 파일: import VueSocketio from '..

sourcecode 2022.08.13
반응형