c10106

Vuex를 사용하여 나만의 클래스 객체를 저장할 수 있는가? 컴포넌트 간에 객체를 공유하고자 하는데, 클래스 코드가 있다. class IDE { constructor(id) { config.set('basePath', 'static/js/ace'); this.aceEditor = edit(id); this.aceSession = this.aceEditor.session; this.aceSession.setMode("ace/mode/javascript"); this.aceEditor.setTheme('ace/theme/monokai'); this.aceEditor.setShowPrintMargin(false); } setMode() { } } 누가 나한테 vuex를 사용하라고 말해줘, 여기 내 가게 모듈 ..

Vue 및 Axios가 포함된 진행 표시줄 이미지 업로더를 만들고 있는데, 파일이 선택되면 증분을 시작하는 진행 표시줄을 표시하려고 해. Axios를 사용하여 백엔드에 액세스하고 다음과 같이 설정한다. const BASE_URL = 'http://localhost:3000'; function uploadImage(data, listingId) { const url = `${BASE_URL}/listings/${listingId}/images`; let config = { onUploadProgress(progressEvent) { var percentCompleted = Math.round((progressEvent.loaded * 100) / progressEvent.total); return perc..

1 액션 2 커밋(교정) 하지만 첫 번째 커밋이 로딩 완료되기를 기다려야 함 내 행동은 다음과 같다: actions: { getFireBaseOrders(state) { db.collection(`ordersOptimized`) .where("date", ">=", 20210107) .onSnapshot((res) => { const changes = res.docChanges(); changes.forEach((change) => { let payload = change.doc.data(); state.commit("firebaseOrders", payload); }); }); state.commit("shopPerformanceTable") }, 이 가게들은 내 소방시설들을 내 주(州)로 밀어 넣는다..

Vuejs : v-for에 여러 개의 확인란이 있는 v-model v-model을 "복잡한" 개체와 함께 사용하는 것에 대해 몇 가지 질문이 있다.내 암호는 다음과 같다.

vue v-for 루프, 클래스 개인 추가 v-for를 사용하여 목록을 반복하고 목록을 표시한다. 렌더링 후 각 목록에는 제목과 숨겨진 콘텐츠가 있으며, 그 목록의 제목을 선택하면 모든 콘텐츠가 아닌 콘텐츠가 표시되도록 하고 싶다. 지금까지 이렇게 하고 있다(@hanksd 덕택). Click here to show the content This is the hidden content Click here to show the content This is the hidden content data() { return { show: false, }; } 다음과 같은 글을 쓸 수 있다. Click here to show the content This is the hidden content 개체를 반복하는 경우 ..

VueJS - Ctrl+V를 감지하는 방법 나는 이미 이 질문에 대한 답을 봤지만, 그것은 내가 필요로 하는 해결책이 아니다. 왜냐하면 그것은 jQuery를 위한 것이고, 나는 vue.js를 위한 무언가가 필요하기 때문이다. 지금까지 ff. 코드를 사용하여 단일 문자 누름을 감지할 수 있었다. export default { name: 'game', data () { return { allowInput: false, disabledKeys: ['ArrowLeft', 'Home', 'Control'] } }, methods: { keymonitor: function (event) { console.log(event.key) if (this.disabledKeys.indexOf(event.key) >= 0) ..

Vue 2; 'firebase/app'에서 내보내기 'default'('firebase'로 가져오기)를 찾을 수 없음 나는 Vue 2 앱에서 소방서를 수입하려고 하는데, 이 짜증나는 문제에 부딪히고 있어. 내 수입은 다음과 같다. import firebase from 'firebase/app' import 'firebase/auth' import 'firebase/firestore' 하지만 내가 서브를 할 때, 나는 다음과 같은 것을 얻는다. 'firebase/app'에서 내보내기 'default'('firebase'로 표시됨)를 찾을 수 없음 내 견해는 전달되거나 전달되지 않아 내 버전의 소방 기지는 npm에서 9.0.0 떨어져 있다.2021년 8월 25일 Firebase SDK 버전 9가 출시됨에 따..

react.js: 구성 요소 제거 나는 reaction.js에 꽤 익숙하지 않기 때문에 어떤 도움이라도 대단히 고맙게 생각한다. 나는 이것을 가지고 있다: https://jsfiddle.net/rzjyhf91/ 여기서 나는 이미지와 버튼이라는 두 가지 구성요소를 만들었다. 버튼 클릭으로 이미지를 제거하는 것이 목표다.unmountComponentAtNode그러나 그것은 효과가 없다. var App = React.createClass({ render: function() { return ( ); } }); var MyImage = React.createClass({ render: function() { return ( ); } }); var RemoveImageButton = React.createClas..

한 줄로 여러 칸을 간단하게 제거할 수 있는 방법이 있는가? 다음 문자열을 가정하십시오. The fox jumped over the log. 다음으로 전환: The fox jumped over the log. 이를 달성하기 위해 분할하여 목록으로 들어가지 않고 가장 간단한(1-2줄)은 무엇인가?>>> import re >>> re.sub(' +', ' ', 'The quick brown fox') 'The quick brown fox' foo문자열: " ".join(foo.split()) 이렇게 하면 "모든 공백 문자(공간, 탭, 줄, 리턴, 폼피드)"가 제거되지만 주의하십시오(hhhsaffar 덕택, 주석 참조).즉,"this is \t a test\n"로 끝나게 될 것이다."this is a test..

Vuetify Data Iterator + Data 테이블의 페이지당 행 항목 이해, 기본 페이지를 설정할 수 있는가? 데이터 테이블용 Vuetify 문서 및 Data Iterator용 문서에서 관리되지 않음rows-per-page-items사용법과 그 선택사항들을 지지하고, 다른 장소에서 어떠한 설명도 찾을 수 없다. 구체적으로, 내가 알고 싶은 것은 페이지당 선택된 행의 양을 선택한 첫 번째 값이 아닌 기본값으로 설정하기 위해 언급된 소자를 사용할 수 있는지 여부다. 예를 들어 드롭다운 선택: Items per page: 10 [20] -> Selected by default 30 40 내가 할 수 있다는 것을 안다: Items per page: [20] -> First, so will be sele..