반응형

분류 전체보기 670

루프에서 For 확인란을 렌더링하고 Vue JS에서 해당 값을 바인딩합니다.

루프에서 For 확인란을 렌더링하고 Vue JS에서 해당 값을 바인딩합니다. 둘 이상의 확인란을 조합하여 데이터베이스에서 데이터를 필터링하는 필터를 만들려고 합니다.이런 거. 랜딩 페이지에서 get 변수와 함께 속성이 나열된 이 페이지로 리디렉션됩니다.제 경우, 이 요청에는 3개의 get 변수가 있습니다.$location, $type 및 $price.이제 $location 변수에 있는 위치가 무엇이든 $location과 같은 값을 가진 체크박스를 켜야 합니다.예를 들어, 제 경우 $location == candolim이면 candolim 체크박스는 자동으로 켜져야 합니다. 그리고 그것을 사용하여 AJAX 요청을 서버로 전송하여 속성을 가져옵니다.지금은 Laravel과 Vue Js를 사용하고 있습니다.요청..

programing 2022.08.12

탭을 사용하여 다른 컴포넌트를 로드하는 Vue.js 방법

탭을 사용하여 다른 컴포넌트를 로드하는 Vue.js 방법 탭에서 클릭 이벤트를 사용하여 변수 값을 설정하려고 합니다.data()그런 다음 컴포넌트의 if 문에서 이 변수를 사용하여 값을 테스트하고 참인 경우 컴포넌트를 표시합니다.하지만 이것은 작동하지 않고 오류도 발생하지 않습니다.탭에서 클릭 이벤트가 발생할 때 변수 값이 설정되지 않은 것으로 추측됩니다.이 방법으로는 기능을 얻을 수 없습니까? Settings Account Details Divisions Users Columns Profile divisions users columns 클릭 이벤트 핸들러에서 비교 중입니다. v-on:click="selected_tab == 'account'" 다음과 같은 할당을 사용해야 합니다. v-on:click="..

programing 2022.08.08

VueJ - VueX 및 플래시 메시지

VueJ - VueX 및 플래시 메시지 플래시 알림에는 VueJ2, VueX, NuxtJ 및 Vue-Snotify(artemsky/vue-snotify)를 사용합니다. VueX의 올바른 사용은 아닐 수 있지만, 시행/캐치에서 발견된 오류를 디스패치하고 싶습니다. try { throw new Error('test') } catch (error) { this.$store.dispatch('errorHandler', error) } 그런 다음 VueX를 사용한 디스패치에서는 오류가 여러 개 있을 경우 루프가 포함된 Notify-View 알림이 표시됩니다. actions: { async errorHandler (error) { this.$snotify.error(error) // and if multiple e..

programing 2022.08.08

" " 를 사용하여 문자열을 초기화하려면 어떻게 해야 합니까?

" " 를 사용하여 문자열을 초기화하려면 어떻게 해야 합니까? String이 다른 클래스와 동일한 경우 큰따옴표를 사용하여 초기화하려면 어떻게 해야 합니까?Java 문자열은 특별합니다. 자바 디자이너들은 언어의 성능을 향상시키기 위해 모든 것을 개체로 만드는 대신 객체 지향 언어의 원시 유형을 유지하기로 결정했다.원시 요소는 콜 스택에 저장되므로 필요한 스토리지 공간이 적고 조작 비용이 저렴합니다.한편 오브젝트는 프로그램 힙에 저장되므로 메모리 관리가 복잡하고 저장 공간이 더 필요합니다. 성능상의 이유로 Java의 String은 프리미티브와 클래스 사이에 있도록 설계되었습니다. 예를들면 String s1 = "Hello"; // String literal String s2 = "Hello"; // Str..

programing 2022.08.08

Vue.js의 옵션 파라미터

Vue.js의 옵션 파라미터 아래의 vuejs 메서드가 있습니다. methods: { show () { } } 이 점에서.show()메소드 나는 종종 매개 변수를 전달하고 싶다. 종종 HTML이라고 부를 때 매개 변수를 전달하고 싶지 않다.show (obj)그리고.show () 내가 어떻게 그럴 수 있을까? 고마워요.methods: { show (obj) { if(obj) { // code to be executed if obj was passed } else { // code to be executed if no obj was passed } // code to be executed regardless } } 함수 파라미터의 기본값을 사용하여 옵션값을 설정할 수도 있습니다.이 vuej의 예를 참조해 주..

programing 2022.08.08

Vue 3에서 Composition API를 사용해야 합니까? 아니면 Vue 2 방식으로 작업을 수행할 수 있습니까?

Vue 3에서 Composition API를 사용해야 합니까? 아니면 Vue 2 방식으로 작업을 수행할 수 있습니까? Vue 3을 설치하는 것은 가능하지만, 여전히 "Vue 2" 방식으로 작업을 수행할 수 있습니까?즉, Vue 3에는 새로운 Composition API가 탑재되어 있는 것을 알 수 있습니다만, Vue 3에서는 이것이 옵션입니까, 아니면 필수입니까? 어떤 이유에서인지 Vue 3은 Options API를 사용하여 Vue-2 방식으로 작업을 수행할 수 있게 되었습니다.그렇지 않나요?고마워요.Vue 3에서는 Composition API를 사용할 필요가 없습니다.두 Vue 핵심 팀원의 설명에 따르면 옵션 API는 계속 사용할 수 있으며 제거되지 않습니다. Thorsten Lünborg in Vue..

programing 2022.08.08

Vuex에서 여러 페이로드 추가

Vuex에서 여러 페이로드 추가 2개의 데이터, 금액, ID를 스토어에 전달하고 싶기 때문에 Actions에 2개의 payload를 부여하려고 하는데 동작하지 않습니다.두 데이터 모두 정의되지 않았습니다. 같은 이벤트에서 2개의 payload를 전달하려면 어떻게 해야 합니까? (console.logs 위치에 payload를 찾을 수 있습니다.) 1개의 payload(id 또는 량)를 넣었을 때 올바른 값을 얻었지만 2개의 payload를 주려 할 때는 그렇지 않습니다. 잘 부탁드립니다! 여기 내 컴포넌트가 있습니다. {{ name }} id : {{ id }} Price: {{ generatedPrice }} (10% off!) In Stock Out of Stock Quantity: {{ quantit..

programing 2022.08.08

VIM에서 C 프로그램을 실행하려면 어떻게 해야 하나요?

VIM에서 C 프로그램을 실행하려면 어떻게 해야 하나요? 파일명을 입력하지 않고 VIM에서 C 프로그램을 컴파일하여 실행할 수 있는 방법이 있습니까?:!gcc -o somename % && ./somename 사용시:!, % 는 현재 열려 있는 파일의 이름으로 대체됩니다. 프로젝트 규모가 커지면 makefile을 작성하여 현재 프로젝트를 컴파일할 수도 있습니다.:make오류가 발생하면 vim이 자동으로 해당 오류로 이동합니다.c 프로그래밍 파일을 컴파일 및 실행하려면 .vimrc 파일의 다음 매핑코드를 사용합니다. map : !gcc % && ./a.out F8 키는 매핑을 실행하기 위한 키입니다."%"는 현재 파일 이름을 가져옵니다. 또는 컴파일하기 전에 현재 파일을 저장하려면 map :w :!gcc ..

programing 2022.08.08

v-for of Vuejs의 구성 요소에서 내보낸 이벤트를 처리하는 방법

v-for of Vuejs의 구성 요소에서 내보낸 이벤트를 처리하는 방법 에 의해 렌더링된 컴포넌트에서 방출된 이벤트를 처리하려고 합니다.v-for. 예를 들어, 제가 만든 것은combobox값을 변경할 때 이벤트를 내보내는 컴포넌트. 이벤트를 방출하는 방법:this.$emit('item_change', item);. 해당 사용자를 위해 이 이벤트를 처리하고 싶습니다. 아래 코드에서, 저는 다음 코드를 변경하고 싶습니다.status사용자 값 변경 시combobox의user. 이 되다item사용할 때 매개 변수로v-on:item_change="status_change" 예 하지만 그게 무슨 뜻이죠?item파라미터로서v-on:item_change="status_change(item , user)"그래도com..

programing 2022.08.08

VueJ가 .native 이벤트 수식자를 도입하는 이유이 사용 사례는 무엇입니까? - Vue.js

VueJ가 .native 이벤트 수식자를 도입하는 이유이 사용 사례는 무엇입니까? - Vue.js 나는 어떤 의사도 받지 않는다.native이벤트 수식자이런 걸 본 적이 있어요 Press here 이 무슨 소용인가native에 대한 수식어.router-link찰칵찰칵event기타 어떤 사용 사례native수식자는 가질 수 있습니까?사용자 지정 구성 요소에서 Vue 이벤트를 재정의할 수 있습니다.예를 들어 항목을 클릭하면 호출하는 목록 구성 요소가 있을 수 있습니다.this.$emit('click', selectedItemData)그러면 클릭 이벤트가 그것을 감시하고 있는 부모 컴포넌트에 송신됩니다. 단, 네이티브 HTML/DOM 이벤트 리스너에 바인드하고 싶은 경우가 있습니다.element.addEven..

programing 2022.08.08
반응형