goodsource

vue with joke - 비동기 호출을 사용한 테스트 어떻게 하면 내 API 결과를 기다릴 수 있을까요?나는 내 컴포넌트를 테스트하기 위해 vue와 joke를 사용하고 있다. 클라이언트를 데이터베이스에 쓰는 방법을 테스트하고 싶습니다.내 컴포넌트에는 다음과 같은 방법이 있습니다. methods: { onSubmitClient(){ axios.post(`urlApi`, this.dados).then(res => { return res; }) } } 내 시험에서는 describe('login.vue', () => { let wrapper beforeAll(()=>{ wrapper = mount(client, { stubs: ['router-link'], store, data() { return { dad..

Angular와 같이 Vue.js 컴포넌트를 작성하면서 HTML, JS 및 CSS 파일을 분리하여 유지할 수 있습니까? Vue.js는 HTML, JS의 CSS를 사용하고 있습니까? 'Vue.js가 템플릿을 지원하지 않는 이유'에 대해 설명했습니다.URL" 기사를 참조하십시오.기사 자체에는 이렇게 되어 있다. "대규모로 유지보수가 가능한 것을 구축하려면 적절한 모듈화가 필요합니다. 그 를 더하고 있습니다.저는 Angular 배경에서 왔고 HTML, JS, CSS를 분리하는 것이 개발 중에 매우 도움이 된다고 생각합니다.그러나 위 기사의 저자는 다른 의견을 가지고 있다. 이 및 할 수 .HTML, JS, CSS, CSS. 모듈식과는 별도로, 분리를 실시하면, 이러한 자산을 다른 장소에서도 재사용할 수 있습니..

컴포넌트 외부에서 VueI18n을 사용하는 데 문제가 있습니다. 컴포넌트 외부에서 i18n을 사용하려고 합니다.이 솔루션 https://github.com/dkfbasel/vuex-i18n/issues/16에서는 Vue.i18n.translate('str')를 사용하도록 지시하고 있습니다만, 이 에러가 발생했을 때, 「Cannot read property 'defined」라는 에러가 발생합니다. 다음 구성을 사용하고 있습니다. main.discloss.main.discloss. import i18n from './i18n/i18n'; new Vue({ router, store, i18n: i18n, render: h => h(App) }).$mount('#app') i18n.displaces import..

vuejs에서 전화(xxx-xxx-xxxxx)를 태그로 포맷하는 방법 텍스트 상자에 전화번호를 연결하면서 텍스트 상자를 포맷할 수 있도록 하고 싶습니다.질문에는 시도된 내용이나 달성 방법에 대한 정보가 많지 않기 때문에 나중에 재사용할 수 있는 공통 컴포넌트를 만들겠습니다. 표시할 숫자의 형식을 지정하는 필드의 워처 및 regexp를 사용하여 수행할 수 있는 작업 Vue.component('my-phone-input', { template: ` `, data: function() { return { phoneValue: 0, formattedPhoneValue: "0", preventNextIteration: false } }, methods: { focusOut: function(event) { if ..

VueJ를 사용하여 객체의 여러 소품을 업데이트할 때 어떻게 반응성을 유도합니까? 돔의 일부가 입력에 제대로 반응하지 않는 앱을 만드는 동안 이상한 행동을 목격했습니다.돌연변이가 등록되고 상태가 변화하고 있었지만 DOM의 소품은 그렇지 않았습니다.다시 돌아왔을 때 html의 새로운 공백 행 하나를 편집하여 새로운 소품을 표시하고 있는 것을 알 수 있었습니다.그러나 문서를 편집, 저장, 저장한 후 다시 돌아가서 상태에 대한 새로운 변경 사항을 확인해야 합니다. 그래서 상태가 업데이트되고 있었지만 Vue는 변화에 반응하지 않았습니다.그 이유는 다음과 같습니다.https://vuejs.org/v2/guide/reactivity.html#For-Objects Vue가 속성 추가 또는 삭제를 감지할 수 없습니다...

v-bind로 특성을 한 번만 바인딩하는 방법 현지화에 vue-i18n을 사용하고 있습니다.다음과 같이 입력 플레이스 홀더를 변환하는 경우: 를 사용해야 합니다.$t()이 기능은 재검출 시마다 실행됩니다(도큐먼트에 기재되어 있는 것도 마찬가지입니다).이것에 의해, 간단한 예약 폼에 불필요한 기능 호출이 수천개 추가되어 버립니다. Atribute를 한 번만 바인드할 수 있는 방법이 있나요?변환된 값은 Vue 인스턴스의 라이프사이클 전체에 걸쳐 변경되지 않습니다. v-once컴포넌트/노드를 무효로 해, 어트리뷰트만을 「하드 코드」하고 싶기 때문에, 이것은 내가 찾고 있는 것이 아닙니다. 데이터 오브젝트에 번역된 문자열을 저장하는 것만으로 필요한 것을 얻을 수 있다는 것은 알고 있습니다만, 대체적이고 심플한 ..

C++에서 C로의 이행 몇 년 동안 C++로 코딩한 후, 저는 최근 임베디드 분야의 C에서 코딩 작업을 제안받았습니다. 임베디드 필드에서 C++를 해제하는 것이 옳은지 그른지에 대한 질문은 차치하고라도 C++에는 많은 기능/이념이 있습니다.몇 가지 예를 들자면: 범용 타입 세이프 데이터 구조(템플릿 사용) RAII. 특히 여러 개의 리턴 포인트가 있는 기능에서는 각 리턴 포인트에서 뮤텍스를 해제할 필요가 없습니다. 일반적으로 파괴자들입니다.즉, MyClass에 대해 d'tor를 한 번 쓰면 MyClass 인스턴스가 MyOtherClass의 멤버인 경우 MyOtherClass 인스턴스의 초기화를 명시적으로 해제할 필요가 없으며 자동으로 d'tor가 호출됩니다. 네임스페이스 C++ C는 C++로 되어 있나요..

계산된 속성이 에 할당되었지만 설정자가 없습니다. 이것이 myVal에서 동작하도록 하기 위한 올바른 구문/훅은 무엇입니까? 코드는 다음과 같습니다. { return state.myVal;} '세터'가 작동하고 오류 메시지가 사라지도록 어떻게 배선해야 할지 모르겠어요. 이것도 시도해 봤지만 소용없었어요. ...mapState('myModulePath', ['myVal']) 와 함수로 계산된 단일 값을 정의해야 합니다.아마도: export default { computed : { myVal: { get() { return this.$store.getters.getMyVal; }, set(newValue) { this.$store.dispatch('setMyVal', newValue); } } }, } 계산된..

Java LinkedHashMap이 처음 또는 마지막 항목을 가져옵니다. 지도에 키를 입력하는 순서가 중요하기 때문에 사용해 왔습니다. 여기서 처음 입력된 항목(첫 번째 입력된 항목) 또는 마지막으로 키의 값을 얻고 싶습니다. 요?first() ★★★★★★★★★★★★★★★★★」last()뭐런거? 첫 번째 키 입력만 하려면 반복기가 있어야 하나요?그게 내가 사용한 이유야! 감사합니다!「 」의 LinkedHashMap이다.LinkedList삽입 순서는 유지되지만 인터페이스의 측면이 아니라 구현 세부 사항입니다. 번째' 를 얻는 가장 '첫 번째' 엔트리를 입니다.entrySet().iterator().next() "" 수 "마지막" 엔트리를 호출하여 .next()마지막이 될 때까지. while (iterato..

vuejs/변수 값을 사용하여 양방향 바인딩 제한 다른 변수 수정 시 변경 mapGetter를 통해 내 스토어에서 얻은 클라이언트 목록을 포함하는 'client-display' 컴포넌트가 있습니다.목록 위에 'v-for'를 사용하여 모든 항목을 'v-for-panel'로 표시하므로 클라이언트 = 패널 하나가 됩니다.이들 패널의 헤더에는 클라이언트의 소품으로 전달된 '편집-삭제' 컴포넌트가 있습니다.이 "edit-delete"는 기본적으로 payload에 대한 해당 아이콘을 클릭하면 "edit" 또는 "delete" 이벤트만 발생합니다.편집 아이콘을 클릭하면 편집 이벤트가 '클라이언트 디스플레이'에 캐치되므로 클라이언트를 '클라이언트'라는 변수에 할당할 수 있습니다(좀 헷갈리긴 하지만).이 변수를 내 대화..