반응형

분류 전체보기 1664

vue 2에서 클릭 핸들의 하위 항목 전파 사용 안 함

vue 2에서 클릭 핸들의 하위 항목 전파 사용 안 함 이 마크업 사용 {{ message }} 을 클릭하면div- 호출합니다.handleClickOnDiv를 클릭하면i- 양쪽 핸들러를 호출합니다. 어떻게 대처해야 할까요?이벤트 수식자 시험@click다음 작업을 수행할 수 있습니다. {{ message }} 언급URL : https://stackoverflow.com/questions/42552661/disable-propagation-of-click-handle-to-child-in-vue-2

sourcecode 2022.08.08

vuex 계산 속성이 무효가 아님

vuex 계산 속성이 무효가 아님 test.vue, vue 구성 요소에서 'test' 속성은 반응하지만 vuex 저장소의 'title' 속성은 반응하지 않습니다.비슷한 질문을 몇 개 찾았는데 해결 방법이 안 맞네요. 제가 여기서 뭘 잘못했나요? 템플릿 {{test}} {{title}} js data() { test: 'test' }, computed: { ...mapGetters(['article']), title: { get () { return this.article.title || '' }, set (value) { this.$store.commit(Types.UPDATE_TITLE, value) } } } store.displaces를 설정합니다. import * as Types from '../..

sourcecode 2022.08.08

VuexFire 돌연변이

VuexFire 돌연변이 Vuex Fire Vuex v2를 사용해 본 적이 있는 유저에게 최적.뭐가mutations: VuexFire.mutations여기 말하는 거야?답은 뻔할 수 있지만 무슨 뜻인지 모르겠다.그럼 내 실제 돌연변이는 어디로 가는 거지?현재 Vuex v1을 사용하고 있는데 정상적으로 동작하고 있는 것 같습니다만, Vuex v2를 사용하고 있는 것으로 업그레이드 하고 싶습니다.감사합니다! var store = new Vuex.Store({ state: { items: null }, mutations: VuexFire.mutations, // What is this and where is it coming from?? getters: { items: function (state) { ret..

sourcecode 2022.08.08

바이트 어레이에 대한 Java 시리얼화 가능 객체

바이트 어레이에 대한 Java 시리얼화 가능 객체 예를 들어 직렬화 가능한 클래스가 있다고 가정해 봅시다.AppMessage. 다음과 같이 전송하고 싶습니다.byte[]소켓을 통해 수신된 바이트에서 재구축되는 다른 머신으로 이동합니다. 어떻게 하면 이런 일을 할 수 있을까요?송신할 바이트 배열을 준비합니다. ByteArrayOutputStream bos = new ByteArrayOutputStream(); ObjectOutputStream out = null; try { out = new ObjectOutputStream(bos); out.writeObject(yourObject); out.flush(); byte[] yourBytes = bos.toByteArray(); ... } finally { ..

sourcecode 2022.08.08

JWT 토큰 유효성 검사 - beforeEnter

JWT 토큰 유효성 검사 - beforeEnter Vue 라우터에서 'beforeEnter'를 실행하여 사용자가 인증되었는지 확인하고 그렇지 않으면 메시지를 트리거하는 기능이 있습니다. (jwt)가 있는지 확인합니다.token에 저장됩니다.localStorage- 사용자가 수동으로 로그아웃하면 토큰이 삭제되기 때문에localStorage. 단, 토큰이 만료되어도 토큰은 그대로localStorage그 때문에, 함수는 생각한다)(localStorage.token)) 사용자가 로그인하고 있습니다. 토큰이 비활성화되어도 서버는 요청을 차단합니다.또한 안전합니다. 페이지가 로드되기 전에 서버 측에서 'beforeEnter' 미들웨어에서 토큰의 유효성을 확인하려면 어떻게 해야 합니까? 토큰의 유효성을 검사하고 결과..

sourcecode 2022.08.08

Vue에서 JSON 데이터에 대한 드롭다운 필터 생성

Vue에서 JSON 데이터에 대한 드롭다운 필터 생성 드롭다운 옵션과 일치하는 경우 JSON 데이터를 필터링하여 다른 JSON 데이터 항목을 표시하는 드롭다운을 사용합니다.지금까지는 드롭다운 메뉴에서 항목을 선택하면 기능이 실행되지만 콘솔이나 WebStorm에서 오류가 발생하지 않기 때문에 필터가 작동하지 않는 이유를 알 수 없습니다. 다음은 코드와 JSON 데이터의 예입니다. 4.5 10.5 {{ product.product_name }} £{{ product.original_price }} £{{ product.final_price }} JSON 데이터의 예: "data": [ { "id": "83", "product_name": "TV", "category": "Clearance", "origina..

sourcecode 2022.08.08

Vuex 배열에서 항목 제거

Vuex 배열에서 항목 제거 Vuex를 사용하기 시작한 지 얼마 되지 않았지만 문제가 있습니다(이것은 제 입장에서 알 수 없는 구문 오류일 수 있습니다).liked_items를 가진 사용자가 있으며 아이템과 다른 네트워크 콜이 있습니다. mutations: { SET_TOGGLE_LIKED: (state, { global_id }) => { alert('here is global_id: ' + global_id) state.user.liked_items.find((obj,i) => { if(obj.global_id === global_id){ // no global_id console.log('that exists at i: ' + i + ' with length: ' + state.user.liked_..

sourcecode 2022.08.08

Vue Vuex: 계산된 속성이 변경되기 전에 오래된 데이터가 일정 기간 유지됩니다.

Vue Vuex: 계산된 속성이 변경되기 전에 오래된 데이터가 일정 기간 유지됩니다. 처음입니다vuex아직도 너무 많이 쓰고 있어요.예를 들어, 나는product내 목록store상태. 내가 봤을 때)product나는 만든다axios그것과 함께 전화하다product.id제품 데이터를 커밋하여currentProduct다른 제품을 보면, 그 페이지는 다음과 같이 렌더링 됩니다.currentProduct먼저 이전 데이터를 기술한 다음, 다음 데이터를 기술합니다.action commits그런 다음 새로 가져온 항목으로 업데이트됩니다.currentProductvue가 내 뷰 데이터를 새 데이터로 변경합니다.그user오래된 데이터가 새로운 데이터로 대체되는 것을 명확하게 알 수 있습니다.그러나 새로운 데이터가 커밋된..

sourcecode 2022.08.08

두 JUnit Assert 클래스의 차이점

두 JUnit Assert 클래스의 차이점 JUnit 프레임워크는 2개입니다.Assert클래스(분명히 다른 패키지에 포함)와 각각의 메서드는 매우 유사한 것으로 보입니다.왜 그런지 설명해주실 분? 제가 말하는 클래스는, 및 입니다.(JUnit 3의) 이전 방법은 테스트 클래스를 확장하여 마킹하는 것이었습니다.junit.framework.TestCase그것은 계승되었다.junit.framework.AssertAssert 메서드를 이렇게 호출할 수 있게 되었습니다. JUnit 버전4 이후 프레임워크에서는Annotations마킹 테스트에 사용합니다.따라서 더 이상 확장하지 않아도 됩니다.TestCase단, 아사트 메서드는 사용할 수 없습니다.단, 새로운 것을 스태틱하게 Import 할 수 있습니다.Assert..

sourcecode 2022.08.08

Custome vue 부트스트랩 테마가 작동하지 않음

Custome vue 부트스트랩 테마가 작동하지 않음 vue 부트스트랩을 사용하려고 합니다만, 테마에 커스텀 컬러를 설정하고 싶습니다.또한 버튼을 사용하여 사용자가 어두운 테마로 전환할 수 있도록 하고 싶습니다.vue-bootstrap을 설치하고 정상적으로 동작하고 있습니다.bootstrap4의 지시에 따라 테마를 커스터마이즈하여 자산 폴더에 custom.scss 파일을 만들고 이 코드를 추가했습니다. $theme-colors: ( "kimbel-prime": #091F40, "kimbel-success": #7FC343, "kimbel-warn": #C74241, "kimbel-danger": #6E0C2B ); @import "node_modules/bootstrap/scss/bootstrap"; 이..

sourcecode 2022.08.08
반응형