c10106

Vue에서 양식 데이터를 올바르게 초기화하는 방법 그래서 양식을 렌더링하는 컴포넌트가 있고, 또한 Ajax 요청으로 받은 데이터로 필드를 미리 채우는 중이다. 나의 문제는 필드 편집뿐만 아니라 동시에 제출할 새 필드를 추가하기를 원하기 때문에 미리 채워진 데이터와 새로운 데이터를 동일한 오브젝트로 초기화하여 아약스 요청으로 제출하려고 한다.현재 설정된 양식 데이터는 양식이 렌더링되기 전에 필드를 지속적으로 채우지 않는다. 이것은 양식 템플릿이다. X New Status Field Save Cancel 이게 대본이야. data() { return { workflowData: { id: this.$store.state.workflow.id, workflow: this.$store.state.workflow...

Vue 이벤트 또는 Vuex를 사용하여 구성 요소 간 데이터 전달(성능)? 나는 30-60fps의 캔버스 요소를 업데이트하기 위해 정보를 사용하는 한 컴포넌트와 다른 컴포넌트의 정보를 공유해야 하는 애플리케이션을 만들고 있다.나는 로우엔드 기기를 타겟으로 하고 있으므로 성능이 중요하다. 나는 현재 Vuex 스토어를 사용하고 있다/두 구성 요소 간에 정보를 전송하려고 한다.그것이 그렇게 깨끗하지는 않겠지만, 나는 이 정보를 체인을 위아래로 전달하는 데 이벤트도 사용할 수 있다는 것을 깨달았다. 나는 Vuex에 대한 성능 정보를 찾는데 어려움을 겪었기 때문에 코드의 중요한 부분을 다시 쓰기 전에 여기서 물어봐야겠다고 생각했다. 그게 중요한지는 모르겠지만, 나는 현재 ES6 모듈에서 게이터들에게 전화하고 있어..

Vue.js, 전환 및 슬롯을 함께 사용할 수 있음 나는 Vue.js와 함께 회전목마를 개발하려고 노력해왔지만 나는 전환 효과에 사로잡혀 있다.다음은 내 암호야 // Main component // Slider component import slide from './contentSliderSlide'; export default { name: 'slider', data: () => ({ slideCount: 0, activeSlide: 0, currentSlide: null, lastSlide: null, slideInterval: null }), mounted() { this.init(); }, methods: { getSlideCount() { this.slideCount = ( this.$slots..

C 및 C++ 프로젝트에 포함/디렉토리를 만드는 이유는? 내가 개인 C와 C++ 프로젝트를 할 때 나는 보통 넣는다.file.h그리고file.cpp 은색에.file.cpp참조할 수 있다file.hA과 함께#include "file.h"지시의 그러나, 모든 것이 있는 도서관이나 다른 종류의 프로젝트들 (Linux 커널이나 freeRTOS와 같은)을 찾는 것이 일반적이다..h파일이 안에 배치됨include/).cpp파일은 다른 디렉토리에 남아있다.그 프로젝트들에서는.h에 되어 있다.#include "file.h"대신에#include "include/file.h"내가 바라던 대로 이 모든 것에 대해 몇 가지 궁금한 점이 있다. 이 파일 구조 조직의 장점은 무엇인가? 왜 그럴까?.h안에 있는 파일include/..

맵 렌더링을 위해 탭을 느리게 표시 나는 부비시 탭을 사용하고 있다. Tab 1 Tab 2 Tab 3 Tab 4 SessionMapInformation은 :data props에 따라 지도와 마커를 보여준다. 중요한 것은 탭의 변경 사이에 속도가 너무 느려서 때때로 :데이터가 약간 크면 화면이 정지한다는 것이다.어떤 해결 방법을 조언하시겠습니까?참조URL: https://stackoverflow.com/questions/58645117/vuetify-tabs-slow-for-map-rendering

잘못된 컨텍스트를 제공하는 Vue watch[뚱뚱한 화살표] 이 질문에는 이미 다음과 같은 해답이 있다. 계산된 vue의 화살표 사용 기능이 작동하지 않음 (6개 답변) 닫힌2년 전. 나는 기능 호출을 취소하기 위해 lodash를 사용하고 있는데 왜 내 전화를 받지 않는지 궁금하다.this값이 내가 기대한 대로 범위를 상속하지 않는다. 이것들은 내 Vue 구성 요소와 관련된 부분이다. import debounce from 'lodash/debounce'; watch: { query: debounce(() => { this.autocomplete(); }, 200, { leading: false, trailing: true }), 위 건은 나의 탓으로 효력이 없다.this값이 Vue 구성 요소를 가리키지 ..

this.$store는 다음 예시 응용 프로그램 구조에서 정의되지 않음 애플리케이션 구조 설명서에 나와 있는 대로 Vuex를 사용하려고 한다.하지만 Vue dev 도구에는 $store가 표시되지 않고 내 코드에 정의되지 않은 상태로 반환되고 있다.나는 장바구니 예시를 참고용으로 사용해 왔다. import Vue from 'vue/dist/vue'; import store from './store'; import router from './router'; const app = new Vue({ el: '#app', store, router, computed: { loading() { return this.$store.state.application.loading.active; } } }); store/in..

선택한 기본값이 Vue.js에서 작동하지 않음 내 드롭다운 목록에 대해 선택한 기본값을 설정하려고 한다.내 코드는 이렇게 생겼어: {{ unit.name }} 기본값이 선택되어 있지 않다.나는 이미 하드코드를 하려고 했다.Selectedunit.id로32712(단위 ID 중 하나): {{ unit.name }} 크롬 검사기에는의 가치가 있는 꼬리표를 붙이다32712: CYLINDER 기본적으로 선택되지 않는다. 편집: 에 문제가 있다는 것을 알았다.selected습작의위의 예에서 다른 속성을 설정할 경우: :selectedXXX="unit.id == 32712" 크롬 개발 도구에 예상되는 속성이 있음: CYLINDER 편집2: 제거하면v-model="newSelectedUnit"선택한 값이 올바르게 설정..

클래스를 확장할 때 팽창 오류 사용자 지정 보기를 만들려고 함GhostSurfaceCameraView그 연장선SurfaceView여기 내 클래스 정의 파일이 있다. GhostSurfaceCameraView.java: public class GhostSurfaceCameraView extends SurfaceView implements SurfaceHolder.Callback { SurfaceHolder mHolder; Camera mCamera; GhostSurfaceCameraView(Context context) { super(context); // Install a SurfaceHolder.Callback so we get notified when the // underlying surface is..

로컬 구성 요소 데이터 대신 vuex를 사용하여 데이터를 저장해야 하는 경우 나는 vue로 만들어진 큰 프로젝트를 하고 있어.우리는 vuex를 국가 관리 시스템으로 사용하고 있지만, vuex는 내가 그들의 데이터에 다른 곳에서도 액세스할 필요가 없는 일부 구성 요소들이다.그렇다면 이 데이터를 구성 요소 데이터에 저장하거나 규약을 준수하여 vuex 모듈에 저장하는 것이 옳은가?미리 고맙다.여러 (독립) 구성 요소로 데이터에 액세스할 수 있어야 하는 경우 Vuex 저장소를 사용하십시오.당신이 모든 것을 Vuex 매장에 저장하지 말아야 하는 몇 가지 이유가 있다. 첫째로 복잡함!만약 당신이 복잡한 Vuex 스토어를 만들고 있다면 당신의 프로젝트가 성장함에 따라 효과적으로 사용할 수 없다. 반면에, 만약 당신이..