반응형

programing 1646

typescript와 함께 mapState 사용

typescript와 함께 mapState 사용 저는 Vue 2 프로젝트에서 활자본을 사용하고 있는데, 현재 활자본을 처음 사용하는 Vuex를 사용해야 합니다.SOF나 블로그에서 찾은 답변을 바탕으로 작성했는데 오류가 발생하여 어떻게 수정해야 할지 모르겠습니다. 코드는 다음과 같습니다. @Component({ computed: { ...mapState('auth', { isUserAuthenticated: (state: AuthState) => state.auth.isUserAuthenticated }) } }) export default class App extends Vue { isUserAuthenticated!: boolean; drawer?: boolean = undefined; navItems..

programing 2022.09.01

gdb: "기호 테이블이 로드되지 않았습니다"

gdb: "기호 테이블이 로드되지 않았습니다" gdb에 브레이크 포인트를 추가하려고 하면 이 에러 메세지가 계속 표시됩니다. 다음 명령을 사용하여 컴파일했습니다. gcc -g main.c utmpib2.c -o main.o and: cc -g main.c utmpib2.c -o main.o and also: g++ -g main.c utmpib2.c -o main.o 또한 "-g" 대신 "-ggdb"를 사용해도 여전히 오류 메시지가 나타납니다. 다음으로 gdb를 실행합니다. $gdb gdb: (gdb)exec-file main.o (gdb)break 59 No symbol table is loaded. Use the "file" command. 소스 레벨의 디버깅 정보를 생성하는 파라미터 -g를 추가해야..

programing 2022.09.01

C는 왜 ->와 을 구별합니까?

C는 왜 ->와 을 구별합니까? 좋아, 이건 심각한 문제는 아니지만, 한동안 날 괴롭혔어이 둘을 구별하는 이유가 있나요?->그리고..오퍼레이터? 물론, 현재의 규칙은 이다..구조물에 작용합니다.->는, 포인터 투 포인터(또는 조합)로 동작합니다.하지만 실제 작동 방식은 이렇습니다.허락하다s요소를 내포하고 있는 구조이다x, 그리고,ps같은 형태의 구조물에 대한 포인터입니다. 쓰시면 s->x 컴파일러는...의 방해가 되는 경고를 내뱉을 것이다. s.x. 를 다시 입력하고 다시 컴파일해 주세요. 쓰시면 ps.x 컴파일러는...의 방해가 되는 경고를 내뱉을 것이다. ps->x를 말하는 거군요.그것을 다시 입력하고 다시 컴파일하세요. 컴파일러는 이 두 가지 유형을 모두 알고 있기 때문입니다.s그리고.ps컴파일 시..

programing 2022.09.01

vuex 및 유닛 테스트 문제를 해결하려면 어떻게 해야 합니까?

vuex 및 유닛 테스트 문제를 해결하려면 어떻게 해야 합니까? 처음 mocha로 유닛테스트를 작성 및 실행하려고 하는데 문제가 발생하였습니다.컴포넌트가 있습니다.Table.vue비에티로 Table Id Name Description Action {{ item.id }} {{ item.name }} {{ item.description }} Update Delete Create Are you sure you eant to remove this item? Yes No 그리고 거기서 테스트를 하고 싶어요.파일이 있습니다.table.spec.js안에서.tests/unit폴더 import { expect } from 'chai' import { shallowMount, createLocalVue } from '@..

programing 2022.09.01

vue.js를 사용하여 선택 옵션에서 동적 툴팁을 설정할 수 있습니까?

vue.js를 사용하여 선택 옵션에서 동적 툴팁을 설정할 수 있습니까? vue에서 선언된 어레이가 있습니다. sourceSelect: [ { text: "Option 1", value: "1", title: "First tooltip" }, { text: "Option 2", value: "2", title: "Second tooltip" }, { text: "Option 3", value: "3", title: "Third tooltip" } ], 마크업에 선택 요소가 있습니다. {{source.text}} 드롭다운에는 옵션이 표시되고tooltip그러나 안타깝게도 제목 값은 배열에 설정되어 있지 않습니다.그게 아니라 {{source.display}}이 표시됩니다.이 방법으로 제목 속성의 값을 동적으로 ..

programing 2022.09.01

Vue.js/Vuex: 상태 값으로 v-bind하는 방법

Vue.js/Vuex: 상태 값으로 v-bind하는 방법 b-dropdown 요소의 텍스트를 스토어 값에 바인드하려고 합니다.스토어의 값이 변경될 수 있고 b-dropdown의 텍스트가 동적으로 변경되어야 하기 때문에 계산된 속성에 바인딩을 시도했습니다.값은 b-dropdown이 존재하는 컴포넌트 외부에서 유지되어야 하므로 데이터 객체가 아닌 스토어에 저장해야 합니다. 다음은 b-dropdropdown 요소는 다음과 같습니다. ... 그리고 계산된 속성은 computed: { selectedSearchType: function() { return store.getters.getSelectedSearchType } }, 더 게터 getSelectedSearchType: state => { return st..

programing 2022.09.01

Vue에서 v-for 값을 HTML 특성에 바인딩하는 방법

Vue에서 v-for 값을 HTML 특성에 바인딩하는 방법 v-for에서 얻은 값을 동일한 태그의 속성에 연결하려고 하지만 성공하지 못했습니다.제 코드는 다음과 같습니다. 기본적으로 이 값은title그리고.data-value제목 바인딩은 식 앞뒤에 큰따옴표를 붙여야 하며 제목에 문자열 보간을 원하는 것 같습니다만, 효과가 없을 것 같습니다. 이것을 사용해 보세요(v-mit cus를 사용할 수 있습니다).:줄임말이다) {{ hashtag }} https://jsfiddle.net/5sqs5fsq/언급URL : https://stackoverflow.com/questions/46004437/how-to-bind-v-for-values-to-html-attributes-in-vue

programing 2022.09.01

스타일 바인딩을 @click - vue.syslog로 지정합니다.

스타일 바인딩을 @click - vue.syslog로 지정합니다. 나는 그 당시, 스타일 다른 요소 바인딩 하고 싶은 요소 toggling 있다.하지만과 이를 이루기 위해 이해하지 않았다.@click data(){ return { show:false, filterStyle: { top: 0, background: "#dfe4ea", marginTop: "15px", marginBottom: "15px", }, } } methods: { closing(){ this.show = !this.show }, } close closing div는 다음과 같습니다. 스타일을 변경합니다. 누가 나한테 설명해 줄 사람 없어? 편집:그런데 그, 당신은 내가 이 스타일 결합입니다 참조하십시오, 문제 없어요.하지만지 않음으..

programing 2022.09.01

탈퇴 전환이 활성화되어 있는 동안 구성 요소 렌더링 계속

탈퇴 전환이 활성화되어 있는 동안 구성 요소 렌더링 계속 값이 끊임없이 변화하는 컴포넌트가 있습니다.단, 전환으로 숨겨지면 값 갱신이 정지되어 버립니다.이것은 제가 원하는 동작이 아닙니다. 이 바이올린이나 단편들을 확인해 보세요. var demo = new Vue({ el: '#demo', data: { visible: true, counter: 0 }, created: function() { setInterval(function() { this.counter++; }.bind(this), 200); } }); .fade-enter, .fade-leave-to { opacity: 0; } .fade-enter-active, .fade-leave-active { transition: 2s ease; } [..

programing 2022.09.01

Vuejs 비동기 데이터 함수의 중첩된 약속

Vuejs 비동기 데이터 함수의 중첩된 약속 최소한으로 줄이자. 여기 서버에서 데이터를 가져오는 작은 컴포넌트가 있습니다.이 컴포넌트와 다른 컴포넌트의 차이점은 2개의 AJAX 콜을 실행해야 한다는 것입니다.줄줄이! Easy 문제는 이 작업이 완벽하다는 것입니다. 모든 요청 작업이 완료됩니다.하지만 만약 일이 잘못되면 내가 할 수 있어 throw { url: '/404' }; 브라우저에서는 완벽하게 작동합니다. 즉, '/404'로 이동하지만 NodeJS에서는 이 메시지가 계속 표시됩니다. 처리되지 않은 약속거부 경고:처리되지 않은 약속 거부.이 에러는, 캐치 블록이 없는 비동기 함수의 내부에 송출하거나, 또는 .catch()로 처리되지 않은 약속을 거부함으로써 발생합니다(거부 ID: 1). 비슷한 일을 ..

programing 2022.09.01
반응형