sourcetip

Vuejs 2: 컴포넌트에서 부모로 이벤트 전송 코드는 다음과 같습니다. html {{text}} js Vue.component('my-component', { template: 'Click me', methods: { click() { this.$emit('send', 'bye') } } }) new Vue({ el: "#app", data: { text: "hello" }, created() { this.$on('send', (text) => { this.text = text; }) } }) 작업 예: https://jsfiddle.net/rjurado/y4yf6nve/ 왜 이벤트send동작하지 않는가?부모 컴포넌트는 다음을 사용하여 자녀 컴포넌트에서 방출되는 이벤트를 직접 청취할 수 있습니다.v-o..

어떻게 하면 C에서 OO 스타일의 다형을 시뮬레이션 할 수 있나요? OO에 와 같은 쓸수 있는 요?C로그??? 다음 항목도 참조하십시오. 오브젝트 지향 코드를 C로 쓸 수 있나요? C의 객체 지향 "[c] OO"에서 검색하여 찾았습니다.첫 번째 C++ 컴파일러("C with classes")는 실제로 C 코드를 생성하기 때문에, 그것은 확실히 실행 가능합니다. 기본적으로 기본 클래스는 구조체입니다.파생된 구조체는 첫 번째 위치에 기본 구조를 포함해야 합니다.따라서 "파생된" 구조체에 대한 포인터도 기본 구조에 대한 유효한 포인터가 됩니다. typedef struct { data member_x; } base; typedef struct { struct base; data member_y; } derive..

Vue.js 2.0에서 목록을 2개 이상 필터링하여 선택 Vue 2.0에서는 여러 파이프라인 필터를 목록에 연결할 수 없기 때문에(|filterBy둘 이상의 선택 드롭다운이 있는 경우 계산 속성에서 이 작업을 어떻게 수행해야 합니까? 앨범 제목(1번 선택)과 연도(2번 선택)를 기준으로 정렬할 수 있는 기능을 원합니다. All Album 1 Album 2 Album 3 Year 2017 2016 2015 [[ review.title ]] Vue js 코드: data() { return { pressEntries: [], albumFilter: 'All', yearFilter: 'Year' } }, filterByAlbum: function() { // Select 1 (Album Filter) switc..

Nuxt 및 Vue-Native-Websocket에서의 Vuex 사용 웹 소켓의 데이터로 vuex 스토어를 채우려고 합니다.저는 Nuxt를 쓰고 있어요.웹소켓 취급에는 vue-native-websocket 패키지를 사용합니다.웹 소켓 접속은 성공했지만 스토어에 커밋이 되지 않아 모든 소켓이벤트에서 오류가 발생합니다.Uncaught TypeError: this.store[n] is not a function Nuxt 및 vue-native-websocket 문서에 따르면 다음과 같이 사용하고 있습니다. 플러그인 네이티브 websocket.js: import Vue from 'vue' import VueNativeSock from 'vue-native-websocket' import store from '~..

memset() 또는 값을 초기화하여 구조체를 0으로 만들 수 있습니까? 으로 C Win32 API를 struct여러 필드가 있습니다.보통 이들 중 몇 개만 의미 있는 값을 가지며 다른 모든 값은 0으로 지정되어야 합니다.이는 다음 두 가지 방법 중 하나로 수행할 수 있습니다. STRUCT theStruct; memset( &theStruct, 0, sizeof( STRUCT ) ); 또는 STRUCT theStruct = {}; 두 번째 변형 모델은 외관이 깔끔해 보입니다. 원라이너로, 잘못 입력되어 오류가 발생할 수 있는 매개 변수가 없습니다. 첫 번째 변종과 비교했을 때 어떤 단점이 있나요?어떤 변종을 사용해야 하며 그 이유는 무엇입니까?그 두 가지는 그 의미에 있어서 매우 다르다.첫 번째 것은me..

유형 스크립트를 사용한 사후 대응형 Vue Chart.js 구성 요소.js 구성 요소 vue-property-decorator 사용(또는 실제로 vue-property-decorator 사용)Component그리고.Propvue-class-component) 및 vue-chartjs-typescript를 작성하려고 합니다.BarChart-속성을 가진 컴포넌트chartData그리고.options다음 코드는 실제로 앱을 사용할 때 작동합니다. 그러나 앱을 빌드할 때 실패합니다.또, IDE(PyCharm Pro)에서도 같은 에러가 발생합니다. TS2339: 유형 'barChart'에 속성 '렌더차트'가 없습니다. 이 때문에,@Component({extends: Bar})인터프리터의 경우 이 컴포넌트가 확장되는..

Vue CLI 4.5.*: "export 'default'('Vue'로 Import됨)를 'vue'에서 찾을 수 없습니다. Vue CLI 4.5.x를 사용하는 동안 다음 코드를 시도했습니다. import Vue from "vue" import App from './App.vue' new Vue({ el: "#app", render: h=> h(App) }) 그러나 유감스럽게도 다음과 같은 경고를 보냈습니다. "export 'default' (imported as 'Vue') was not found in 'vue' 이를 통해 Vue CLI 4.5.x는 Vue 인스턴스를 처음 생성할 때 이러한 방식으로 애플리케이션을 생성하는 것을 중지했습니다. 메인 애플리케이션을 초기화하기 위한 공식 방법은 다음과 같습니..

Vuex에서 개체의 속성을 업데이트할 때 Getter가 반응하지 않음 응용 프로그램에서 반응성에 대해 몇 가지 문제가 있습니다. Vuex 스토어에서 'songs' 오브젝트를 포함하는 오브젝트 'songs'를 취급하고 있습니다.여기서 키는 오브젝트의 ID입니다.각 곡 오브젝트에 대해 다양한 속성을 가지고 있으며, 해당 오브젝트는 부울값을 '재생'하고 있습니다. 예. songs = { 2: {playing: false}, 7: {playing: true) } 앱에는 모든 곡에 대해 v-for를 사용하여 곡의 재생 속성을 전환하는 버튼이 있습니다.버튼을 누르면 누른 버튼과 연관된 songid로 전달하여 작성한 액션을 디스패치합니다. this.$store.dispatch('toggleSongPlaying', {..

Vuejs에서는 기본 라우터 뷰 이외의 컴포넌트를 렌더링하는 방법 vue-router를 사용하여 페이지를 탐색하는 vue 앱을 가지고 있습니다. 나의app.vue심플: 페이지는 vue-router를 사용하여 렌더링됩니다. export default new Router({ routes: [ { path: '/', name: 'Home', component: Home }, { path: '/page1', name: 'Page1', component: Page1 }, { path: '/page2', name: 'Page2', component: Page2 } ] }) 앱을 사용하기 위한 URL은 다음과 같습니다. localhost:8080/#/ -> Home localhost:8080/#/page1 -> Pa..

Vue에서 Vue를 사용하여 mapState를 사용하여 데이터를 가져올 수 없음 mapState와 좀 헷갈리네요...이것 좀 봐 index.vue... computed: { //this doesn't work ...mapState(['user']), // this works user () { return this.$store.state.data.user } } 모듈/data.module ... const state = { msg: 'Tom' } ... 아마...mapState(['user'])돌아온다user () { return this.$store.state.user}없이.data이 스레드에서는 LinusBorg와 같은 오브젝트가 설명합니다.https://forum.vuejs.org/t/dont-und..