반응형

분류 전체보기 1664

브라우저 콘솔에서 VueJs $watch 트리거가 작동하지 않음

브라우저 콘솔에서 VueJs $watch 트리거가 작동하지 않음 나는 이것을 가지고 있다.main.jsVue 어플리케이션을 부트스트랩하는 파일입니다. import Vue from 'vue' import App from './App' import router from './router' Vue.config.productionTip = false var model = { a: 1, name: 'Abdullah' } var app = new Vue({ el: '#app', data: model, router, template: '', components: { App }, watch: { a: function(val, oldVal) { console.log('new: %s, old: %s', val, oldVa..

sourcecode 2022.08.10

vuej에서 추가 버튼 로드

vuej에서 추가 버튼 로드 php로부터 고객 리뷰가 있는 어레이를 받았습니다. var comment_list = new Vue({ el: '#comment-list', data: { testimonials: JSON.parse('{!! addslashes(json_encode(array_reverse($product_info['testimonials'])))!!}'), }, methods: { colorAvatar: function(letter) { return 'avatar-' + letter.toLowerCase(); }, starClass: function(star) { return 'star-' + star; } } }); 더 많이 로드하여 10개씩 댓글을 표시하는 버튼을 만들고 싶습니다. 어떻..

sourcecode 2022.08.10

Nuxt store getter가 작동하지 않습니다. 페이로드에 지정된 ID가 Integer + Error가 아닙니다. [vuex] 변환 핸들러 외부의 vuex 스토어 상태를 변환하지 마십시오.

Nuxt store getter가 작동하지 않습니다. 페이로드에 지정된 ID가 Integer + Error가 아닙니다. [vuex] 변환 핸들러 외부의 vuex 스토어 상태를 변환하지 마십시오. 상품 상세 페이지를 만들려고 합니다.상세 페이지의 이름은 _id 입니다.열면 ID가 제품 ID로 바뀝니다.페이지를 열면 API에서 가져온 데이터로 상태가 설정됩니다. 그 후 getProduct()라는 이름의 getter를 참조하는 계산된 속성을 ID로 사용하려고 합니다.this.$route.params.id)를 사용합니다. 제 _id는 이렇습니다.vue는 다음과 같습니다. methods: { ...mapActions("products", ["fetchProducts",]), ...mapGetters("produc..

sourcecode 2022.08.10

Vue 컴포넌트를 소품 및 슬롯 기본값으로 확장하는 방법

Vue 컴포넌트를 소품 및 슬롯 기본값으로 확장하는 방법 사용하고 있다bootstrap-vue내 어플리케이션에도 있고 테이블도 많은데 모두 같은 보일러 플레이트 코드를 가지고 있어다음은 보일러 플레이트의 예를 제시하겠습니다. 물론 이 보일러 플레이트를 커스텀컴포넌트와 같은 일반적인 모듈로 분류하여 새로운 테이블의 시작점은 다음과 같습니다. 궁극적으로, 저는my-awesome-table평소와 다름없이 행동하다b-table하지만 이 보일러 플레이트는 모두 세팅되어 있고, 필요에 따라 추가 소품이나 슬롯을 설치할 수 있습니다. 하지만 어떻게 해야 할지 모르겠어요.시도했습니다. 래퍼 컴포넌트를 만들지만, 기본 컴포넌트의 모든 기능을 공개하는 데 어려움을 겪고 있습니다.b-table 확장b-table컴포넌트입니다..

sourcecode 2022.08.10

vuej의 data-* 속성 값을 얻는 방법

vuej의 data-* 속성 값을 얻는 방법 버튼을 클릭하면 모달(modal)이 열리며, 모달에 표시할 내용은 해당 버튼에 전달된 데이터 속성을 기반으로 합니다. 제 단추는 Edit 제 모달에는 버튼이 몇 개 있는데, 클릭하면 데이터 속성인 파라미터와 함께 vuejs 함수를 호출해야 합니다. 내 모달 버튼은 Delete Close 여기에서는 파라미터를 전달해야 합니다.deleteItem()이 파라미터는data-id위의 버튼을 누르면 알 수 있습니다. 모달 코드 × Delete Are you Sure you want to delete ? Delete Close 추천하는 것은console.log(this)컴포넌트 함수 내에서 버튼을 클릭하여 해당 함수를 호출하면 컴포넌트의 모든 속성을 검사할 수 있습니다. ..

sourcecode 2022.08.10

다른 데이터 개체 vueJ에 데이터 개체 값을 넣는 방법s

다른 데이터 개체 vueJ에 데이터 개체 값을 넣는 방법s 코드는 다음과 같습니다. data () { return { msg: '', rgbValue: '', newColor: { color: this.msg } } } 이 코드는 작동하지 않습니다.가치를 두고 싶다msg내 생각으로는newColor해결책을 가진 사람이 있나요? 다음은 코드 보완입니다. data () { let msg = ''; return { msg: msg, rgbValue: '', newColor: { color: msg } } }, components: { HeaderComponent: require('./HeaderComponent.vue') }, methods: { msgFunc: function () { colorsRef.pus..

sourcecode 2022.08.10

예외가 발생하지 않더라도 트라이캐치 블록을 사용하는 것은 비용이 많이 드나요?

예외가 발생하지 않더라도 트라이캐치 블록을 사용하는 것은 비용이 많이 드나요? 우리는 예외를 잡는 것이 비싸다는 것을 알고 있다.단, 예외가 발생하지 않더라도 Java에서 트라이캐치 블록을 사용하는 것도 비용이 많이 들까요? Stack Overflow 질문/답변 "Try blocks는 왜 비싼가요?"를 확인했는데, 용입니다.네트워크try거의 비용이 들지 않습니다.the업 up 을 하지 않고try때을 걸어 이 많이 드는 되게 됩니다.또, 「 」, 「 」, 「 」, 「 」, 「 」, 「 」, 「 」의 어느쪽인가를 합니다.try이 예외를 포착할 수 있는 블록이 존재합니다.try실제로 드는 , , 개의 않는 한 비용을 이다.실제로 비용이 드는 예외를 두는 것입니다.그러나 수백, 수천 개의 예외를 두지 않는 한,..

sourcecode 2022.08.10

글로벌 액세스 속성을 정의할 때 vuex DRY를 설정하는 방법

글로벌 액세스 속성을 정의할 때 vuex DRY를 설정하는 방법 나는 다음과 같은 일반적인 상태를 가지고 있다.error그리고.session$store에서 계산 속성으로 액세스하고 싶다.error그리고.session모든 컴포넌트(라우터 내의 컴포넌트 포함)에서 사용할 수 있습니다.나는 이렇게 해야 한다는 것을 안다. var store = new Vuex.Store({ state: { error: undefined, session: JSON.parse(localStorage.getItem('session')), }, mutations: { error: function(state, error) { state.error = error }, session: function(state, session) { sta..

sourcecode 2022.08.10

vuex 작업에서 반환된 약속에 final() 메서드가 firefox에 없습니다.

vuex 작업에서 반환된 약속에 final() 메서드가 firefox에 없습니다. Chrome에서 vuex 작업 중 하나를 사용하면 항상 메서드를 포함하는 Promise 개체가 반환됩니다..catch(),.then()그리고..finally()파이어폭스(버전 60.0.2)에서도 같은 처리를 하면 단순한 오브젝트가 표시됩니다.{}) 메서드만 있습니다..catch()그리고..then()하지만 아니다.finally()네이티브 Promise 오브젝트가 아닌 이 의사 오브젝트가 표시되는 이유는 무엇입니까?Firefox는 이 기능을 지원하므로 특히 번거로우시겠지만finally()버전 58 이후입니다. actions.syslog doBla: ({commit}) => { axios.post('http://test', {..

sourcecode 2022.08.10
반응형