factcode

Inertia.js Vue 파일 내의 Laravel의 .env 변수 접근 먼저 이너시아 라라벨의 예를 들어보겠습니다.https://github.com/drehimself/inertia-example 이너시아를 사용하는 단일 코드베이스에서 Vue를 사용하는 Larabel에 불과합니다.js: https://github.com/inertiajs/inertia-laravel https://github.com/inertiajs/inertia-vue .vue 컴포넌트 파일 내의 Laravel의 .env 변수에 액세스하려고 합니다. .env 파일: APP_NAME=ABC app\Providers\AppServiceProvider에서 선택합니다.php: public function register() { Inertia..

html에서 호출할 때 가져온 Javascript 함수가 정의되지 않았습니다. 5.5와 VueJs를 배우고 있는데, js 파일에서 함수를 내보내고 두 번째 js 파일에서 가져오면 html 본문에서 호출할 수 없습니다.예: A.js function funA(){ } export {funA}; B.J.S. import {funA} from './A.js'; 이 시점에서 기능을 사용하면funAB.js 내부에서는 동작하지만 HTML 페이지에서 사용하면 funA가 정의되어 있지 않다고 표시됩니다.예를 들어 다음과 같습니다. 웹 팩 설정은 다음과 같습니다. mix.scripts('resources/assets/js/libs/materialize.js', 'public/js/libs/materialize.js') ...

커스텀 컴포넌트의 이벤트를 흐리게 하기 위해 eventListener를 추가하시겠습니까? 내 컴포넌트는styled-input스타일, 아이콘, 검증 등의 입력입니다. 사용하려고 합니다.addEventListener커스텀 디렉티브에 넣어, 이벤트를 듣고, 일이 일어나도록 합니다. 내부:value버팀목이다.v-model외부 바인딩) 하려고 합니다.addEventListener커스텀 검증을 위한 커스텀 디렉티브를 통해 태그에 접속합니다. 내가 사용하고 있는 지시문 내부addEventListener입력 필드에서 이벤트를 재생합니다. Vue.directive('custom-validator', { bind: function(el, binding) { el.addEventListener('blur', (event) ..

로컬 파일에서 HTML 가져오기 에 있는 파일에서 HTML 콘텐츠를 Import하는 방법을 찾고 있습니다. /src/activities/0/2/content.html 두 숫자는 변수입니다. 이런 거 해야 되는데 mounted(){ this.foo = require('/src/activities/0/2/content.html') } {{ foo }} 하지만 방법을 찾을 수가 없어요.만약 누군가가 해결책을 안다면, 그것은 매우 도움이 될 것이다. 감사합니다.첫 번째 Vue의 웹 팩은 로드 방법을 이해해야 합니다..html파일을 사용할 수 있습니다.먼저 설치합니다. npm install html-loader --save-dev 다음으로 편집(또는 작성)vue.config.js(프로젝트 루트에는 없습니다)src..

mac(localhost)의 vue-discription 기록 모드 직접 액세스 오류 발생 로컬 호스트 개발에서 vue-router 이력 모드를 테스트하고 있는데 URL에 직접 액세스하려고 하면 오류가 나타납니다.http://localhost:8080/map/2를 통해 URL에 접속하면$router.push제대로 동작하는 것 같아요.이 문제의 원인이 무엇인지 궁금합니다. router/index.displaces import Vue from "vue" import Router from "vue-router" const PublicMap = () => import("@/components/PublicMap/index.vue") Vue.use(Router) var routes = [ { component: P..

v-on: vue-multicelect에 변경이 적용되지 않음 vue.js 프로젝트에서 vue-multiselect 컴포넌트를 사용하고 있으며, 변경 이벤트에 대한 기능을 실행하기 위해 v-on 지시어를 사용하고 있습니다. {{ option.name }} 여기 풀코드의 예가 있습니다.https://codesandbox.io/s/yjjon0vzxj 그v-on:change와 함께 일하고 있었다.컴포넌트는 vue-multicelect로 동작을 정지했습니다.v-on:click="executeLoader"하지만 그것도 효과가 없었어요@click메서드를 트리거하지 않습니다.executeLoadervue 멀티 셀렉트 포함.사용할 수 있습니다.@input- 와 비슷합니다.v-on:change,@close,@select..

vuejs 애플리케이션에 오픈레이어 통합 Vuejs 어플리케이션에서 Openlayer를 통합한 경험이 있습니까? Vuejs 앱에 레이어를 표시해야 합니다. 건배.네, 현재 Vuejs와 OpenLayers 4로 기존 애플리케이션을 다시 쓰고 있습니다.앱에는 폼과 거의 전체 화면 맵이 있습니다(구글 맵의 라우팅 기능과 유사). OL npm lib는 OpenLayer를 ES2015 파일로 공개하여 일반적인 vuejs 설정에서 잘 작동합니다.에서 맵 오브젝트를 초기화하는 래퍼 컴포넌트를 작성했습니다.mounted()속성으로 저장합니다. OL은 컴포넌트의 속성에서 전파된 변경 사항을 인식하지 않으므로 변경 사항이 있을 때마다 속성(또는 이벤트 핸들러)에 대한 감시자를 사용하여 OL 함수를 호출해야 할 수 있습니다..

처음에 슬라이드 컨테이너를 왼쪽 여백에서 10% 떨어져 있고 끝에 도달하면 오른쪽 여백에서 10% 떨어져 있도록 설정하려면 어떻게 해야 합니까?(vue-swiper) 이것은 아마 쉬운 질문일 것입니다만, 해답을 찾을 수 없을 것 같습니다. vue-swiper(https://github.surmon.me/vue-awesome-swiper/))를 사용하고 있습니다.저는 다음과 같은 것을 원합니다. 왼쪽의 초기 마진 10%: 안쪽 슬라이드가 보이면 왼쪽과 오른쪽(전폭 스트레칭): 마지막 슬라이드에 도달하면 10%의 마진권: 예를 들면, https://github.surmon.me/vue-awesome-swiper/ 를 참조해 주세요. 나는 덧붙였다.margin-left:10%;에게swiper-wrapper첫 ..

Vue Router는 동적으로 부하가 높은 아이에게 소품을 전달합니다. 저는 Vue ATM을 배우고 있는데, Vue Routes를 통해 아이들과 부모 컴포넌트 사이에 소품을 전달하는 데 어려움을 겪고 있습니다.Layout 컴포넌트는 래퍼 DIV를 가지며 다음과 같습니다. 기본 App JS에서 루트를 정의했습니다.다음과 같습니다.그래서 첫 번째 적재물에 대한 나의 견해는 "컨테이너 애니메이션" 클래스로 모든 것이 세계와 잘 어울린다. const router = new VueRouter({ routes: [ { path: '/', component: Layout, props: { cssClass: 'container-animated' }, children: [ { path: '', component: Hom..

Vue 부트스트랩 - 동적으로 렌더링된 HTML에 대해 툴팁이 작동하지 않음 API 호출에서 목록 항목을 렌더링하는 목록 그룹이 있습니다.예를들면, { "MenuID": "1", "Name": "Help", "Url": "example.com" } 아래 HTML을 가지고 있습니다. 항목에 마우스를 올려놓으면 툴팁이 작동하지 않습니다.왜 그랬는지, 어떻게 고칠 수 있는지 이해할 수 있게 도와주실 수 있나요?고마워요.다이내믹 블록을 사용하는 경우 다이내믹 ID가 필요합니다.즉, 가지고 있는 모든 링크에 대해 다른 ID를 가져야 하며 툴팁의 타깃을 작성할 때 동일한 ID를 사용해야 합니다.개인적으로는 항목에 동적 ID가 없는 경우 동적 ID를 만듭니다. {{itemName}} Delete item from t..