goodsource

VueJ에서 [_ob__: Observer] 요소에 액세스하는 방법 나는 VueJs에 꽤 익숙하지 않다.부모 컴포넌트가 있어 데이터가 자녀와 손자에게 전달됩니다. My Child 컴포넌트는 다음과 같습니다. B. import C from './c.vue' export default{ props:['info'], components:{ 'c': C }, created: function(){ this.getInfo(); }, methods: { getInfo: function(){ console.log("Printing inside get method", this.info); } } } 콘솔을 보면 다음과 같은 어레이가 인쇄되어 있습니다. 이와 같이 어레이의 요소 info[0]에 액세스하려고 하면 콘솔에 정..

마운트된 후크 함수로 Viewer.js를 초기화합니다.(오류:첫 번째 인수는 필수이며 요소여야 합니다.) 닫았습니다. 이 질문은디버깅 상세현재 답변을 받고 있지 않습니다. 이 질문을 개선하시겠습니까?스택 오버플로의 토픽이 되도록 질문을 업데이트합니다. 작년에 문을 닫았어요. 이 질문을 개선하다 저는 vue.js에 익숙하지 않습니다.npm 모듈을 사용하여 이미지 확대, 회전, 스케일링 및 기타 기능을 구현하려고 합니다.npm viewerjs모듈. 다음의 순서를 실행했습니다.Github repo.그리고 다음과 같은 문제가 발생합니다. Github 문제에 대해 조사했더니 여기서 답을 찾았습니다.Github 문제 링크.@fengyuanchen은 다음과 같이 말합니다. 초기화해야 한다Viewer.js에서mount..

img src에 대해 Vue JS 데이터 바인딩이 작동하지 않음 vue 2와 vue-cli 3을 사용하고 있습니다.태그의 src를 데이터 변수에 바인드하려고 합니다. 구체적으로는, 다음과 같이 하고 있습니다. export default { name: "home", components: {}, data() { return { locale: locale // 'en' }; } } 바인딩은 기능합니다. Chrome 개발자 도구를 사용하여 네트워크 액티비티를 조사하면 바인딩이 기능하는 것을 알 수 있습니다. http://localhost:8080/time-syson-en.png 그러나 리소스를 찾을 수 없습니다. 하드 코드에서 데이터 바인딩을 제거할 경우 과정 경로는 다음과 같습니다. Vue는 이미지를 검색할 ..

VueJs/NuxtJs에서 Axios 메서드를 동적으로 호출하는 방법 코드를 최적화하려고 합니다.따라서 동적으로 Axios 함수를 사용하지만 반환된 응답은 보류 중입니다.console log사용하고 있습니다.async/await누구라도 날 도울 수 있어 코드는 다음과 같습니다. methods: { getAgentsNames() { const data = this.callAxios('get', `/getAllAgents`) console.log(data) // returns pending this.agents = data.listings }, async callAxios(method, url, paramsBody = null) { try { const response = await this.$axios({..

라우터 가드에서 vue-module execute graphql 쿼리 이벤트에 가입할 수 있는 어플리케이션을 가지고 있습니다.가입 후 바로 이용할 수 없었던 루트를 방문할 수 있습니다. API 요청에 graphql을 사용하고 있습니다.루트 가드 코드는 다음과 같습니다. router.beforeEach(async (to, from, next) => { if (to.meta.signUpRequired && from.name) { const { data: { getCurrentUser } } = await apolloProvider.defaultClient.query({ query: USER_INFO_QUERY }); if (getCurrentUser && getCurrentUser.isCollectionAt..

v-model vuej 대신 v-bind 및 v-on 사용 폼에서 입력을 처리하기 위해 v-model을 사용했는데, 소품 값을 바인딩하기 위해 변경해야 했습니다. 처음에 입력은 다음과 같았습니다. 그리고 지금 보면 modelData소품을 입고 옵니다.그리고 그것은 가지고 있다username. 모형을 사용하는 경우data, 나는 정의했다. data: () => { return { username: "" } }, 잘 되고 있었는데 이렇게 바꾸고 나서v-bind그리고.v-on, 제 질문은 이제 어떻게 하면 이 가치를 얻을 수 있는가 하는 것입니다.username방법에서요? 예전처럼, 나는 그것을 얻고 있었어요.this.username값을 가져오고 클리어할 수도 있지만, 이제 사용자 이름을 얻는 방법은 meth..

앱 실행 중 Vue.js 라우터에 경로 추가 현재 앱을 만들고 있는데 이 앱에 확장 기능을 추가하고 싶습니다.이러한 확장에는 독자적인 Vue 컴포넌트와 뷰가 있어야 합니다(따라서 라우팅도 필요합니다).앱을 재구축하는 것이 아니라 새로운 뷰와 경로를 동적으로 추가하고 싶습니다.Vue 2에서 그렇게 할 수 있는 좋은 방법이 있나요? 아래에는 이 질문을 좀 더 이해하기 쉽게 하기 위한 파일을 추가했습니다.그router/index.js기본구조가포함되어 있습니다.main.js보통대로 줄서다의 로드 중app.vue새로운 루트를 로드하여 기존 루트에 추가해야 합니다. 라우터 import Vue from 'vue' import VueRouter from 'vue-router' import Home from '../vi..

Vue.js에서 TypeScript를 사용하여 계산 소품을 사용하는 방법 JavaScript Vue.js는 TypeScript를 사용합니다.는 어떻게 하느냐입니다.computed의 vue(TypeScript) 공식 예에 따르면computed종속된 소품을 기반으로 캐시되는 기능을 가진 객체입니다. 다음은 제가 만든 예입니다. import Vue from 'vue'; import { Component } from "vue-property-decorator"; @Component({}) export default class ComputedDemo extends Vue { private firstName: string = 'John'; private lastName: string = 'Doe'; private ..

Nuxt server Middleware가 API에서 json을 가져옵니다. 301.json에서 리다이렉트를 받는 대신 json을 반환하는 api에 요청을 하고 싶습니다. 사용하고 있는 것은@nuxtjs/axios모듈. const redirects = require('../301.json'); export default function (req, res, next) { const redirect = redirects.find(r => r.from === req.url); if (redirect) { console.log('redirect: ${redirect.from} => ${redirect.to}'); res.writeHead(301, { Location: redirect.to }); res.end(..

Route Leave 이전 Vue 라우터가 하위 구성 요소를 중지하지 않음 간단한 질문이 있습니다.루트가 변경되었을 때 서브 컴포넌트를 취소하고 싶을 뿐입니다.여기 샘플이 있습니다.부모인 홈 컴포넌트가 있습니다.그리고 하위 구성요소가 있습니다.마운트된 하위 구성 요소의 경로 변경 시 간격 기능을 중지하고 싶을 뿐입니다. import Home from "./components/Home.vue"; import Another from "./components/Another.vue"; const routes = [ { path: '', component: Home }, { path: '/another', component: Another } ]; const router = new VueRouter({ route..