cyworld

vue js 2 테이블 정렬 vue.param 2에 관한 2가지 질문과 여기에 https://jsfiddle.net/tmun9cxa/1/가 있습니다. 열 머리글을 클릭하면 정렬이 작동하지 않는 이유는 무엇입니까?해결책은 무엇일까? 검색 입력 필드에 pn 열만 검색하려면 어떻게 해야 합니까? 지금까지 발견된 많은 예에서는 vue1을 사용하고 있으며 최신 버전이 아닙니다. {{column.label}} {{product.pn}} {{product.od}} {{product.id}} {{product.thickness}} {{product.lo}} {{product.weight}} javascript 여기 var vm = new Vue({ el: '#app', data: { currentSort: 'pn', ..

Meteor + Vue + Typescript 프로젝트에 ESLint 추가 Meteor, Vue, Typescript와 더 예쁜 ESLint를 설정하는 데 어려움을 겪고 있습니다.Typescript 파일을 정상적으로 해석 및 포맷할 수 있지만, 이 파일은 에러를 발생시키고 있습니다..vue파일을 표시합니다. ESLint 관련 의존관계 "@babel/plugin-transform-typescript": "^7.12.1", "@meteorjs/eslint-config-meteor": "^1.0.5", "@types/meteor": "^1.4.64", "@types/mocha": "^8.0.3", "@typescript-eslint/eslint-plugin": "^4.22.0", "@typescript-esl..

vue 라우터가 쿼리 매개 변수를 변경할 때 맨 위로 스크롤 방지 루트의 쿼리 파라미터(및 뷰)를 변경할 때 페이지가 맨 위로 스크롤되지 않도록 하려면 어떻게 해야 합니까?props)? 나는 다음을 시도했지만 운이 없었다. 시도 1 - 루트의 컴포넌트 타임아웃을 임의로 큰 수(1초)로 하면, 어느 정도의 지연 후에 스크롤 다운됩니다. // in my route's component props: {...}, watch: { $route(to, from) { let y = window.scrollY; this.$nextTick(() => { setTimeout(() => { console.log(`scrolling to ${y}`); window.scrollTo(0, y); }, 0); }); } } 시행 ..

Larabel에서 세션 값을 검색하면 null이 반환됩니다. Laravel 어플리케이션에서 세션 값을 설정 및 취득하려고 합니다.Vue Js 프런트엔드가 세션 값을 설정하는 Larabel 엔드포인트에 API 콜을 발신하고 있습니다.Larabel 엔드포인트의 메서드를 포함하는 컨트롤러는 다음과 같습니다.

.vue 파일에서 모듈 증강이 작동하지 않습니다. 모듈 증강(types/test.d.ts): import Vue from 'vue' declare module 'vue/types/vue' { interface Vue { $test: string } } (tsconfig.json)로 지정합니다. // ... "include": [ "src/**/*.ts", "src/**/*.tsx", "src/**/*.vue", "tests/**/*.ts", "tests/**/*.tsx", "types/*.d.ts" ], // ... 그런 다음 모든 .ts 파일에서 정상적으로 작동합니다. 그러나 .vue 파일에서 컴파일 오류가 발생할 뿐입니다. 누가 나 좀 도와줄래?tsconfig에서 types/.d.ts를 roots로 ..

vue 구성 요소에서 속성 감시 부모 컴포넌트에 비동기 조작이 있어 이 조작이 완료되었음을 자녀에게 통지해야 합니다.아이의 재산변경을 지켜볼 수 있을까요?어느 정도: new Vue({ props:['parentReady'], watch:{ parentReady(val){ alert('parentReady prop was changed'); } } }) 몇 가지 방법이 있습니다.비동기 작업이 완료되면 상위 항목에 속성을 설정할 수 있습니다. console.clear() Vue.component("child", { props: ["parentLoading"], template: ` Parent is loading... Parent loading complete! `, computed: { isParentLo..

WebSocket 액세스 중 InvalidStateError가 발생함 vue-cli 도구를 사용하여 간단한 Vue 프로젝트를 구성했습니다. vue init webpack my-project 이제 페이지가 렌더링되기 전에 웹 소켓을 통해 정보를 보내려고 합니다.이 로직을 Vue 컴포넌트에 관련짓지 않기 때문에 다른 js 파일(이름 지정)이 있습니다.ws.js이하에 근거합니다). import Vue from 'vue' const websocket = new WebSocket('ws://localhost:1234') const emitter = new Vue({ name: 'emitter', methods: { send (message) { websocket.send(JSON.stringify(message)..

vue-cli 앱의 node_modules에서 js 파일 가져오기 npm : https://github.com/hchstera/vue-charts 에서 설치했습니다. 하고있다npm install hchs-vue-charts 내가 보기엔 차트를 만들기 위한 패키지야 이 lib를 Import하는 방법을 알고 싶습니다.node_modulesVue-cli 앱과 함께 Vuejs의 단일 구성 요소(https://github.com/vuejs/vue-cli)에서 Vue 인스턴스를 사용하여 수행하므로 이러한 구성 요소는 Vue의 인스턴스를 사용하여 수행됩니다. 감사합니다.main.devel에 모듈을 장착해야 합니다. import Vue from 'vue' import VueCharts from 'hchs-vue-cha..

프록시를 사용하여 vue CLI 개발 서버에서 리다이렉트를 처리하려면 어떻게 해야 합니까? 내 프로젝트 설정은 프런트엔드에 여러 페이지가 있는 vue 어플리케이션과 플라스크 백엔드로 구성되어 있습니다. 개발 셋업에서는devServer.proxy설정vue.config.js: module.exports = { devServer: { proxy: "http://localhost:5000" } } 이것은 거의 모든 요구에 대해 정상적으로 동작하고 있습니다.이 문제는 백엔드 서버가 리다이렉트 요구를 발행했을 때 발생합니다.리다이렉트 요구는 백엔드 상의 URL을 가리키고 있습니다.그러나 개발 설정에서는 이 페이지는 웹 팩 개발 서버에서 제공되므로 아직 존재하지 않습니다.(인증 성공 후 실제 콘텐츠로 수정되는 로그인..

Vue.js 'v-bind:class'가 업데이트되지만 업데이트되지 않음 아이템 리스트가 있는데, 현재 선택한 아이템에 스타일을 적용하고 싶습니다.또한 Vuex를 사용하여 상태를 관리하고 있습니다. 내 목록 구성 요소: const List = Vue.component('list', { template: '' + '' + '{{ g.text }}' + '' + '' computed: { items: function() { return this.$store.state.items; } }, methods: { selectItem: function (index) { this.$store.commit('selectItem', index); } } }); 내 가게: const store = new Vuex.Stor..