cyworld

Larabel 5 VueJ가 작동하지 않음 새 라벨 설정에서 Vuejs를 사용하려고 합니다.명령줄에서 다음 명령을 실행합니다. npm install npm run dev 이 명령어는 오류 없이 실행됩니다.다음 위치에 있는 기본 VUE 구성 요소를 가져올 때~/ressources/assets/components/ExampleComponent.vue내 템플릿에서는 아무 일도 일어나지 않는다. @section('content') @endsection 여기 app.js require('./bootstrap'); window.Vue = require('vue'); Vue.component('example-component', require('./components/ExampleComponent.vue')); co..

VueJ에 JSON Imports wbepack을 사용하여 VUEJS 프로젝트를 컴파일하고 있습니다.VUEJ 프로젝트에서는 오브젝트 배열이 있는 JSON 파일을 vueJ로 Import하지만 컴포넌트를 통해 액세스하면 오브젝트가 비어 있는 것처럼 보입니다. import Jason from './some.json'; export defaults { data(){ return { someArr: Jason } } } 컴파일 오류나 기타 보고된 오류는 발생하지 않습니다. 객체의 원인someArr비어있을까? 추신: AJAX를 통해 json을 성공적으로 로드할 수 있습니다.json 로더 설치: npm install json-loader --save 그런 다음 webpack.config 파일에 이 로더를 추가합니다...

Vue.js의 커스텀 디렉티브에서 클릭 이벤트를 캡처하려면 어떻게 해야 합니까? 저는 Vue.js를 배우려고 하고 있는데, 이 'v-on'을 사용하는 커스텀 디렉티브를 실장해야 하는 프랙티스의 예를 들었습니다.즉, 커스텀 디렉티브에서 클릭이벤트를 캡처하여 메서드를 호출해야 합니다. 내가 생각하고 있던 템플릿. Click 문제는 클릭 이벤트를 커스텀 디렉티브에 캡처하는 방법을 모른다는 것입니다.아래의 서투른 코드를 양해해 주십시오. 이게 어떻게 작동하는지 아는 사람 있나요?나는 비슷한 것의 예를 찾을 수 없었다.몇 번 더 찾아본 결과, 다음과 같은 해결책을 찾았습니다. Click me! 찾으시는 솔루션은 제가 알기로는 가장 적합한 솔루션입니다.하지만 Vue에 대해 잘 모르시는 분들을 위해서.JS 제가 간단..

vue 구성 요소가 이벤트를 전달하지 않습니다. 네스트된 컴포넌트가 3개 있습니다. // emits event 그래서 아이가 이벤트를 할 때 그 짜증나는 부분을 넣어야 해요.@event="$emit('event')"그렇지 않으면 부모가 이벤트를 수신하지 않습니다. 나는 그것이 그렇게 되지 않기를 바란다.그게 뭐가 잘못됐을까?이건 사실 의도적인 거예요.한 컴포넌트의 코드를 보면 이벤트를 듣고 있는 것을 알 수 있습니다.그 후 템플릿을 보고 이벤트가 어디서 발생하는지 확인할 수 있습니다.이벤트가 임의의 깊이의 컴포넌트에 도달할 수 있는 경우 이벤트가 트리거되는 방법과 장소를 파악하는 것이 어려워집니다. 하지만 Vue는 그 방법을 통해 당신이 원하는 것을 할 수 있는 방법이 있었습니다.$broadcast그리고..

nuxtvuetify는 SasError: ID가 필요합니다. Nuxt 2.15.4 및 Nuxt/vuetify 1.11.3을 사용하고 있습니다. 프로젝트는 정상적으로 동작하고 있었습니다만, 빌드중의 새로운 서버로 이행했을 때에, 다음의 에러가 발생했습니다. 이것은 제 소포입니다.json 파일 { "name": "myproject", "version": "1.0.0", "private": true, "scripts": { "dev": "nuxt", "build": "nuxt build", "start": "nuxt start", "generate": "nuxt generate" }, "dependencies": { "@nuxtjs/auth": "^4.9.1", "@nuxtjs/axios": "^5.13.1"..

Vuelidate를 사용하는 상위 구성 요소의 하위 구성 요소에서 양식 입력 필드 검증 나는 Vue Js와 Vuelidate를 처음 본다.다음과 같은 부모 컴포넌트에서 폼 입력 필드를 확인하려고 했습니다.https://github.com/monterail/vuelidate/issues/333 상위 구성 요소: 자식의 메서드: computed: { ready() { return !this.$v.email.$invalid; } }, watch: { ready(val) { this.$emit('ready', val); } }, methods: { touch() { this.$v.email.$touch(); } } 다음과 같이 부모로부터 touch() 메서드를 호출합니다. submit() { this.$refs..

VueJS v-bind가 kebab-case와 함께 작동하지 않음 저는 Vue와 작업 목록을 작성하고 있습니다.JS(모두와 마찬가지로)와 저는 작업을 추가하고, 작업을 표시하며, 심지어 작업을 삭제할 수 있었습니다.그 후, 과제를 체크해, 성공을 위한 수업을 실시했습니다. 그래서 저는 만약에 제가 이런 데이터를 가지고 있다면classfalse로 설정하고 다음 코드 행을 사용합니다. 내가 설정할 수 있는 것은class로.true클릭 이벤트와 함께 특정 클래스를 부여합니다.panel-success(부트스트랩에서). 그 때, 다음과 같은 문제가 발생했습니다. 표현식:class="{panel-Success: task.class}에서 JavaScript 키워드를 속성 이름으로 사용하지 않음 문제는 케밥 케이스 구..

vuejs spa 및 laravel api 구글 사인인 한 페이지짜리 지원서를 가지고 있습니다.vue.js는 를 사용합니다.Laravel 5.5API로 사용합니다.구글 사인인을 추가하고 싶은데 어디서부터 시작해야 할지 모르겠어요.사용한 적이 있다laravel socialite이전에 구글 사인인을 추가했지만 그것은 순수한 라라벨 어플리케이션용이었고 라라벨 API가 아니었다. 내가 읽을 수 있는 자료들을 누가 지목할 수 있나요?socialite와 같은 패키지가 있나요? 이 경우에도 socialite를 사용할 수 있는 방법이 있나요?helloj를 봐주세요 Hellojs는 쉽게 할 수 있습니다.소셜 프로바이더 로그인을 위한 팝업을 열고 액세스 토큰을 반환합니다.그런 다음 백엔드의 액세스 토큰을 사용하여 사용자를..

Vuejs 검색 필터 아래 코드로 받은 아이템 목록을 표시하는 테이블이 있습니다. interface getResources { title: string; category: string; uri: string; icon: string; } @Component export default class uservalues extends Vue { resources: getResources[] = []; created() { fetch('api/Resources/GetResources') .then(response => response.json() as Promise) .then(data => { this.resources = data; }); } } } 그리고 이게 내 테이블이야 All Resources Reso..

Vue.js는 항상 마지막 항목을 어레이에서 삭제합니다. 필터 추가 버튼을 클릭하면 필터가 복제되어 필터가 어레이에 추가됩니다.추가할 문제는 없지만 올바른 입력을 삭제할 수 없습니다(크로스 아이콘). 항상 올바른 항목이 아닌 마지막 항목을 어레이에서 삭제합니다.코드는 다음과 같습니다. Add filter Add filter Vue.js는 다음과 같습니다. var data = { 'filters': [], } // app Vue instance var app = new Vue({ // app initial state data: { extFilters: data, }, // methods that implement data logic. methods: { addFilter: function() { this...