copyscript

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

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

폴더에서 모든 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..

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

어레이 응답을 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..

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 '..

vue의 콜백에서 로컬 컴포넌트 변수에 액세스하는 방법 api rest 명령을 사용하여 컴포넌트 변수를 설정하려고 합니다.아래의 handleResponse()라는 자체 파일에 있는 함수를 통해 모든 응답을 처리하고 싶었습니다. // api/tools/index.js function handleResponse (promise, cb, cbError) { var cbErrorRun = (cbError && typeof cb === "function") promise.then(function (response) { if (!response.error) { cb(response) } else if (cbErrorRun) { cbError(response) } }).catch(function (error) { c..

b-table 구성 요소의 모든 열에 대해 정렬을 활성화할 수 있습니까? i에서 열별 정렬을 활성화하는 방법을 알 수 있는데 테이블 전체에 대해 정렬이 가능한가요?불가능하지만 매핑을 통해 계산된 속성을 사용하여 쉽게 처리할 수 있습니다.fields다음과 같은 True 값을 가진 정렬 가능한 키를 추가합니다. new Vue({ el: "#app", data() { return { // Note 'isActive' is left out and will not appear in the rendered table fields: [{ key: 'last_name' }, { key: 'first_name' }, { key: 'age', label: 'Person age', } ], items: [{ isActive..

Vue.js의 컴포넌트 라이프 사이클 메서드에서 믹스인 메서드 내 기능에 액세스하는 방법 다음은 예를 제시하겠습니다. mixin.displaces export default { methods : { aFunction() { // Some functionality here } } } 요소.표시하다 import mixin from './mixin' export default { mixins : [ mixin ] created() { // Call aFunction defined in the mixin here } } 컴포넌트 내의 created() 라이프 사이클 메서드에서 mixin 메서드에 정의된 aFunction에 액세스하고 싶습니다. mixin 메서드는 컴포넌트의 현재 인스턴스와 병합되므로 다음과 같습..

webpack-simple 설정 전송 오류와 함께 비동기/대기 사용: RegeneratorRuntime이 정의되지 않음 다음과 같은 구성의 webpack-simple 템플릿을 사용하고 있습니다. 패키지.json { "name": "vue-wp-simple", "description": "A Vue.js project", "version": "1.0.0", "author": "v", "private": true, "scripts": { "dev": "webpack-dev-server --inline --hot", "build": "cross-env NODE_ENV=production webpack --progress --hide-modules" }, "dependencies": { "vue": "^2.3...