copyscript

적절한 isLoading 속성을 사용하여 기본 Vuex 상태를 생성하는 방법 store.js 파일에 직접 디스패치하는 액션을 생성하여 디폴트 상태를 만듭니다.기본 상태 속성이 있습니다. isLoading: false payload를 사용하여 여러 개의 커밋을 하는 액션을 디스패치합니다. import Vue from 'vue' import Vuex from 'vuex' import axios from 'axios' Vue.use(axios) Vue.use(Vuex) const store = new Vuex.Store({ strict: true, state: { projects: null, posts: null, isLoading: false, baseUrl: 'https://example.com/v2/' ..

vue js 2: 마운트된 기능에서 소품 액세스 자 컴포넌트에 데이터 소품이 있습니다.탑재된 기능의 자성 부품 내 소품에서 특정 값을 얻어 선택 드롭다운 값을 설정해야 합니다.정상적으로 동작하는 vue-multiselect 플러그인을 사용하고 있습니다.여기 암호가 있습니다. module.exports = { props: ["Subscriptions"] mounted: function () { let vm = this; Vue.nextTick(function () { // I want to access props here but it return 0 length array console.log(vm.$parent.Subscriptions); }); }, beforeUpdate() { let vm = thi..

vuejs 변수를 통해 동적으로 메서드 호출 변수를 통해 메서드를 호출할 수 있습니까?ID가 있는 드래그 앤 드롭 요소가 있는데 ID에 따라 메서드를 호출해야 합니다.다음 예시를 고려하십시오. Step2 Step Merge copy Drop Here 이상, 저의 요구 사항을 코멘트로 기재한 샘플 코드입니다.끌린 요소에 따라 메서드를 호출합니다.이것이 가능한지 모르겠지만, 이 접근법에 의해 불필요한 코드를 많이 줄일 수 있습니다. 어떤 도움이라도 주시면 대단히 감사하겠습니다. 고마워요.Javascript에서 다음과 같은 객체인 경우: const foo = { bar() {}, baz() {} }; 이것을 「다이나믹하게」라고 하려면 , 다음과 같이 입력합니다. foo['bar']() foo['baz']() ..

Vuetify 전환:전환 속도 설정 방법 나는 가지고 있다.부모 컴포넌트 바닥에서 천천히 슬라이드하여 표시하고 싶은 컴포넌트. 안에서 정의했습니다.하지만 어떻게 하면 아래에서 천천히 미끄러지게 할 수 있을까요?에 대해 정의할 Atribute를 찾을 수 없습니다.Vuetify 컴포넌트 HEADER 1 HEADER 2 SUB-HEADER LISTEN Vuetify 트랜지션에는 설정 속성이 없는 것 같기 때문에 타이밍을 조정하려면 독자적인 속성을 작성해야 합니다. CSS를 사용하여 Vue 컴포넌트를 사용할 수 있습니다.transition애니메이션의 타이밍을 설정하는 속성. 예를 들어, 다음의 CSS는, 다음의 CSS 에 의해서, 다음의 시간대가 설정됩니다.slide-fade애니메이션이 2초로 표시됩니다. .s..

모든 컴포넌트를 글로벌하게 등록해도 될까요? 모든 컴포넌트를 글로벌하게 등록할 수 있습니까? 이유 다른 컴포넌트가 필요할 때 컴포넌트를 수동으로 Import하지 않도록 합니다. 앱이 커지면 Import가 많은 컴포넌트를 보는 것이 조금 짜증난다. 이것의 단점이 있나요?애플리케이션 전체에서 컴포넌트를 자주 사용하지 않을 경우 일반적으로 컴포넌트를 글로벌하게 등록하지 마십시오.문서를 인용하면... 글로벌 등록은 종종 이상적이지 않습니다.예를 들어 Webpack과 같은 빌드 시스템을 사용하는 경우 모든 컴포넌트를 글로벌하게 등록하면 컴포넌트 사용을 중지하더라도 최종 빌드에 포함될 수 있습니다.이로 인해 사용자가 다운로드해야 하는 JavaScript의 양이 불필요하게 증가합니다. 언급URL : https://s..

Vue.js: 사용자가 버튼을 클릭했을 때 템플릿(또는 div)을 로드하시겠습니까? 그래서 현재 다음과 같은 ".vue" 파일에 템플릿이 있습니다. 사용자가 버튼을 클릭하지 않는 한 로드하지 않았으면 합니다. See Data https://vuejs.org/v2/guide/conditional.html#Controlling-Reusable-Elements-with-key 의 예를 사용해 보았습니다.그러나 오류 메시지에는 "컴포넌트 템플릿에 루트 요소가 정확히1개 포함되어 있어야 합니다"와 같은 메시지가 나타납니다. 여기에 표시/숨기기 이상의 것이 필요하다고 생각합니다.템플릿을 동적으로 기동할 수 있는 것이 필요합니다. Load the template 에러가 발생하고 있는 것은, 내부에 복수의 루트 요소가..

폴더에 있는 모든 파일의 파일 이름 가져오기 이 질문에는 이미 답변이 있습니다. Java에서 폴더 내의 모든 파일을 읽는 방법 (33개의 답변) 닫힘2년 전에요. 폴더에 있는 모든 파일 이름이 포함된 목록을 만들어야 합니다. 예를 들어 다음과 같은 경우: 000.jpg 012.jpg 013.jpg 저장하려고 합니다.ArrayList와 함께[000,012,013]가치관으로서. Java로 하는 가장 좋은 방법은 무엇입니까? PS: Mac OS X 사용다음과 같이 할 수 있습니다. File folder = new File("your/path"); File[] listOfFiles = folder.listFiles(); for (int i = 0; i < listOfFiles.length; i++) { if (..

Vue 슬라이더를 사용하여 요소를 제어하는 방법 제 데이터에는 많은 데이터가 있습니다.requestsjson 오브젝트기본적으로 모든 데이터가 사용자에게 표시됩니다.또한 슬라이더 컴포넌트가 있습니다.사용자가 슬라이더를 움직이면 슬라이더 값에 따라 json의 요소가 나타나거나 사라지도록 기능하려고 합니다. 예를 들어 다음과 같습니다. 데이터: requests: [ {value: 10, name: "foo"}, {value: 12, name: "bar"}, {value: 14, name: "foobar"}, {value: 22, name: "test"}, {value: 1, name: "testtooo"}, {value: 8, name: "something"} ] 기본적으로는 모든 데이터를 표시하지만 사용자가..

Vue 컴포넌트에서 Rest API를 호출하려면 어떻게 해야 합니까? 이제 막 VueJs를 시작했는데, 데이터가 포함된 원형 차트를 보여 주는 매우 간단한 페이지를 만들려고 합니다. 지금은 예제 데이터를 사용하여 차트를 표시할 수 있었지만, 지금은 백엔드의 api 호출에서 가져온 데이터로 차트를 채우고 싶습니다.http://127.0.0.1:8000/user/getamount. 코드는 다음과 같습니다. 도표.개요 import Vue from "vue/dist/vue.js"; import Vuex from "vuex"; import storePlugin from "./vuex/vuex_store_as_plugin"; import App from './App.vue' import HighchartsVue f..

VeValidate를 사용하면 필드가 터치되어 유효한지 어떻게 확인할 수 있습니까? 계산 소품에서 검증 플래그를 액세스하려고 합니다. computed: { isFormValid() { let isValid = this.$validator.fields.some(field => { console.log(field.flags); return field.flags.touched; || field.flags.invalid; }); console.log("isValid", isValid); return isValid; } }, 그러나 이 경우 오류가 발생합니다."TypeError: this.$validator.fields.some is not a function" 그래서 난 그 때 내가 다시 한 번 생각해봤지obs..