newsource

vue 컨텍스트에서 getElementsByClassName vue.js의 경우 getElementsByClassName은 어떻게 작동합니까? 아래 코드 조각이 있습니다.목표는 버튼을 클릭하여 vue.js 메서드를 사용하여h1 태그의 색상을 녹색으로 변경하는 것입니다. {{ message }} Click me Vue는 가상 DOM을 사용하여 반응하는 것과 같으며 사용자가 직접 수정하지 않는 것으로 알고 있습니다. 물론 바닐라 JS에서는 그렇게 하죠document.getElementsByClassName('main-header')[0].style.backgroundColor="green";하지만 Vue에서는 직관에 어긋나는 것 같아요 제가 너무 복잡해서 실제로 이렇게 하는 건가요?아니면 Vue가 이 문제를..

Laravel Nova Tool에 Vuex를 추가하는 방법 커스텀 생성 Laravel Nova 툴에 Vuex 스토어를 추가하려면 어떻게 해야 합니까? Medium 토픽에서 이 게시물을 찾았는데, de Tool에 매장이 나타나지 않았습니다.vue 컴포넌트 이 프로젝트에서는 Nova 1.3.2를 사용하고 있습니다.Nova는 이미 Vuex를 사용하고 있으며 기존 스토어에 자체 Vuex 스토어 모듈을 추가할 수 있습니다. 이 내용은 설명서에 나와 있지 않기 때문에 새로운 버전에서도 계속 사용할 수 있을지 모르겠지만, Nova 1.3에서는 효과가 있는 것 같습니다. 다음과 같이 Vuex 모듈을 nova-components/MyTool/resources/js/tool.js에 등록할 수 있습니다. import dat..

디스패치 메서드가 저장할 변수를 전달하지 않음 내 컴포넌트에서 저장소로 변수를 인계하고 싶다.컴포넌트 방법에서는 다음과 같이 기술합니다. methods:{ push(){ let message = "hi" this.$store.dispatch('test', message) } } 다음으로 index.js: actions: { test({dispatch},{test}){ console.log(test) },} 콘솔에는 정의되어 있지 않습니다.디스패치 페이로드가 파괴되지 않는 한message파라미터에는 다음과 같은 필드가 있습니다.test: actions: { test({dispatch},test){ console.log(test) },} 언급URL : https://stackoverflow.com/quest..

vue-route 변경 시 동적 가져오기 재평가 여러 웹 사이트를 관리하는 관리 패널을 만들고 있습니다.vue-router 루트에는 모두 Web 사이트 slug가 프리픽스 되어 있으며 라우터 상에 각각1개의 before가 설정되어 있습니다.website_slugvuex 상태가 됩니다. 각 사이트에서는 대부분의 동일한 컴포넌트를 사용하지만 커스텀페이지 컴포넌트를 가진 사이트도 여러 개 있습니다. 이 경우, 저는 다음과 같은 함수를 만들었습니다.importOrDefault다음과 같습니다. const importOrDefault = (componentName, store) => { return import(/* webpackChunkName: "[request]" */ `./Pages/${store.gette..

vue.js에 고정된 헤더가 있는 스틱 사이드바(jQuery 없음) Make position: sticky와 같은 고정 동작(Vue2의 경우)에 대한 이 질문에 대한 답변에 이어 응용 프로그램에 구현하려고 했습니다. 솔루션이 약간 버그가 있어서(특히 다른 탭을 열고 돌아왔을 때) jQuery를 사용하여 구현하기로 결정했고 예상대로 작동합니다. 다음으로 작업 예를 제시하겠습니다. 단, 오프셋 계산에 jQuery를 사용하지 않는 솔루션을 찾고 싶기 때문에 "You Might Not Need jQuery"로 이동했습니다만, 이 경우,offset아직 버그가 좀 심하다는 제안과 헤어지세요. $(el).offset(); 다음과 같이 됩니다. var rect = el.getBoundingClientRect(); { ..

C 또는 C++를 사용하여 디렉토리 내의 파일 목록을 가져오려면 어떻게 해야 합니까? C 코드 또는 C++ 코드 내부에서 디렉토리 내의 파일 목록을 판별하려면 어떻게 해야 합니까? 이 일을 할 수 .ls명령어를 사용하여 프로그램 내에서 결과를 구문 분석합니다.업데이트 2017: C++17 에서는, 파일 시스템의 파일을 일람 표시하는 공식 방법이 있습니다. std::filesystem다음의 소스 코드와 함께, Shrevardhan으로부터 훌륭한 회답변은 다음과 같습니다. #include #include #include namespace fs = std::filesystem; int main() { std::string path = "/path/to/directory"; for (const auto & en..

Linux에서 홈 디렉터리 가져오기 Linux에서 실행되는 C++ 프로그램에서 사용자 홈 디렉토리를 가져오는 방법이 필요합니다.Unix에서도 같은 코드가 동작한다면 좋을 것 같습니다.나는 HOME 환경 값을 사용하고 싶지 않다. AFAIK, 루트 홈 디렉토리는 /root입니다.root 사용자가 프로그램을 실행하고 있는 경우 이 디렉토리에 파일/폴더를 생성해도 될까요?당신은 필요하다getuid현재 사용자의 사용자 ID를 얻은 후getpwuid사용자의 패스워드 엔트리(홈디렉토리 포함)를 취득하려면 , 다음의 순서를 실행합니다. #include #include #include struct passwd *pw = getpwuid(getuid()); const char *homedir = pw->pw_dir; 주..

v-navigation-drawer가 닫힌 상태로 웹 사이트 로드 네비게이션 드로어를 닫은 상태에서 웹 사이트를 로드하고 클릭 직후에 모바일 메뉴처럼 열 수 있습니까? Vuetify를 사용하고 있습니다. {{ item.icon }} {{ item.title }} © {{ new Date().getFullYear() }} 이제 응용 프로그램이 로드되면 큰 화면에 열리고 작은 화면에 닫힙니다.이 메뉴는 작은 화면과 큰 화면에서도 같은 동작을 하고 싶습니다.사용자가 햄버거 메뉴를 클릭할 때 항상 닫히고 열립니다.방법이 있다.간단하게 사용할 수 있습니다.drawer와 같은 받침대drawer="false"디에이블화 할 수 있습니다.하지만 물론 활성화하는 방법이 필요합니다.아래 코드를 참조하십시오. ... 또 다른..

C의 숫자가 음수가 아니더라도 항상 'int'를 사용해야 합니까? 음수가 되어서는 안 되는 값에는 항상 부호 없는 int를 사용합니다.하지만 오늘 코드로 다음과 같은 상황을 알게 되었습니다. void CreateRequestHeader( unsigned bitsAvailable, unsigned mandatoryDataSize, unsigned optionalDataSize ) { If ( bitsAvailable – mandatoryDataSize >= optionalDataSize ) { // Optional data fits, so add it to the header. } // BUG! The above includes the optional part even if // mandatoryDataS..

vue-modal 드래그 가능 문제 vue-timeout-modal을 사용 중인데 문제가 있습니다.모달은 :draggable="true"로 설정할 때마다 끌 수 있지만 끌 수 있는 요소로 간주되기 때문에 입력에 쓸 수 없습니다.어떻게 방지해야 합니까? 셋업은 다음과 같습니다. ✖ 모달 오픈이 내 입력을 바꿀 수 없을 때, 이 문제를 아는 사람이 있나요?고마워요.https://github.com/euvl/vue-js-modal/issues/78에서 보고된 바와 같이 이미 알려진 문제인 것 같습니다. 해결책은 모달 내에 요소를 만드는 것입니다.그 요소는 드라블핸들이 됩니다.입력 내용과 겹치지 않도록 하세요!그런 다음 새 요소의 클래스를 끌 수 있는 소품으로 전달합니다.끈으로 대장을 제거하라. 예