cyworld

Vue.js의 프로펠러에 값이 공급되는지 점검하십시오. 나는 데이터 속성에 기반한 배지를 보여주고 싶은 컴포넌트를 만들고 있다.데이터를 구성 요소에 공급하기 위해 나는 소품을 사용한다.이 소품이라고 불린다.status그리고 만약 있다면 그것은 있을 것이다.0또는1. 이제 그 값이 제시되어 있는지 확인하고 만약 제시되어 있다면 구성 요소에 html을 렌더링하고 싶다.이것을 하는 가장 좋은 방법은 무엇인가?데이터/값이 제공되지 않으면 html을 렌더링하지 않을 것이다. HTML 그래서 나는 prop 'status'에 대한 데이터가 제공되어야만 이 html을 렌더링하고 싶다.나는 사용하려고 노력했다.v-if="tab.status"그러나 이렇게 함으로써 html은 다음 값이 될 때 렌더링되지 않을 것이다.sta..

jquery로 업데이트할 경우 Vuejs 바인딩이 작동하지 않음 지스피들 HTML: Click me Show value 자바스크립트 var testVue = new Vue({ el: '#testVue', data: { testModel: 'Hello Vue!' }, methods: { clickMe: function() { $("#test").val("testing"); console.log(this.testModel); }, showValue: function() { console.log(this.testModel); } } }); 부에즈에서 이러면 안 되는 거 다 이해해$("#test").val("testing");, 나는 이렇게 했어야 했다.this.testModel="testing"; 하지만 나는..

스티커 헤더 도구 모음 설정 나는 사용한다v-toolbar아래로 스크롤하면 사라지잖아기본적으로 나는 끈적끈적한 헤더를 원한다. 이건 기본적으로 내 암호야. Title Link One Link Two Link Three {{n}} 편집: Vuetify 버전 1.5: 추가만 하면 된다.fixed당신께v-toolbar포지셔닝이 해결되는 방법: 여기에서 설명서를 볼 수 있다. 버전 2.0.0 vuetify 버전 1.5에서 변경: v-app-bar: v-toolbar의 기능을 보다 효과적으로 적용하기 위해 생성된 새로운 구성 요소.v-toolbar의 기존 스크롤 기법과 앱 기능이 모두 이동되었다.접는 막대, 스크롤 축소 등 새로운 스크롤 기법이 추가됐다. 도구 모음을 수리할 수 있을 겁니다.문서화이 코드를 사용해..

테스트 라이브러리와 함께 적용되지 않는 SFC 스타일 나는 우리의 vue 코드베이스에 단위 테스트를 추가하고 요소 가시성을 테스트하는 것이 어렵다는 것을 알아내고 있다. 테스트 라이브러리 설명서의 예에서 권장하는 대로 평상시와 같이 구성요소를 렌더링하지만 스타일이 DOM 디버깅(screen.debug 사용)에 적용되지 않는다.단서라도 있어? 예: 구성 요소 내부

링크 Javascript에서 문자열 부분 바꾸기 다음과 같은 링크가 있다. /v1/catalogue/folders/{catalogueId:[0-9]+}/translations/{translationId:[0-9]+}/ 및 다음 데이터: catalogueId: 31 translationId: 4 이제 데이터 객체 값이 있는 곱슬 괄호 사이의 부분을 변경하고자 한다.따라서 링크는 다음과 같이 표시되어야 한다. /v1/catalogue/folders/31/translations/4/ Javascript에 이것을 증가시킬 수 있는 방법이 있을까?만약 그렇다면, 그 방법은 무엇인가?옵션 중 하나는 다음과 같다. const regex = /\{(.*?)\}/g const url = "/v1/catalogue/fol..

Vuejs는 데이터가 로드된 후에만 하위 구성 요소를 마운트함 자녀 구성 요소에서 소품으로 데이터를 전달하려고 하지만 이 데이터는 서버에서 로드되기 때문에 로드하는 데 시간이 오래 걸린다. 데이터가 완전히 로드된 경우에만 자식 구성 요소를 마운트하려고 함 SO는 현재 이것을 하고 있다. 상위 구성 요소에서 자식 구성 요소의 NOw 위의 예에서와 같이 소품으로 전달된 데이터는 항상 어린이 구성요소에 비어 있다.데이터를 수신한 후에만 하위 구성 요소를 장착하는 방법 또는 하위 구성 요소가 최신 데이터 변경되었는지 확인하는 방법사용하다이와 같은 데이터를 가져온 후 자식 구성 요소를 로드하십시오. 여기 아동 구성 요소를 업데이트하는 나이스하고 깨끗한 방법이 있다. var child = Vue.extend({ t..

Vuejs + 웹 팩: npm 실행 빌드 느림 나는 웹팩과 부에즈를 배우고 있어.나는 https://vuejs-templates.github.io/webpack/의 간단한 지시를 따랐고 그것은 효과가 있다. 하지만 내가 달릴때npm run build제작 버전을 만들기 위해서는 12초가 걸린다!나는 왜 이 미세한 데모 한 페이지, 전체 115kB에 불과한 기능 앱이 이렇게 오래 걸리는지 이해할 수 없다. 나는 여러 곳에서 제외에 대해 읽었다.node_modules웹 팩 구성에서 찾을 수 없는데vue-cli의 웹 팩 템플릿 - 모든 라이브러리 코드를 축소하거나 보풀 등을 사용하려고 하는가? 나는 이것이 매우 어려운 질문이라는 것을 깨달았으니, 나에게 친절하게 대해줘!@CodinCat의 논평에서 지적했듯이, ..

v-for를 사용하여 vue.js를 사용하여 테이블을 렌더링하는 방법 이렇게 생긴 배열이 있는데 sales = [ [{'Year': 2018, 'Month': 01, 'Sale'; 512}, {'Year': 2018, 'Month': 02, 'Sale'; 1025}, ....], [{'Year': 2017, 'Month': 01, 'Sale'; 155}, {'Year': 2017, 'Month': 02, 'Sale'; 12}, ....] ] vue를 사용하여 테이블에 표시: # 2018 2017 {{ ??? }} //Month {{ ??? }} //currentYear.Sale {{ ??? }} //previousYear.Sale 불행히도 나는 내 판매 배열을 통해 현재 연도 및 전년도 모든 테이블 행 ..

Vue-resource에서 Express 정적 파일을 로드할 수 없음 그래서, 나는 약간의 문제가 있다.여기 내 server.js. require('dotenv').load(); const http = require('http'); const path = require('path'); const express = require('express'); const app = express(); const server = http.createServer(app).listen(8080, () => { console.log('Foliage started on port 8080'); }); app.use(express.static(path.join(__dirname, '/public'))); app.get('/', ..

github/gitlab 페이지가 있는 vuejs 기록 모드 누가 Vue.js를 어떻게 일하게 할 수 있는지 알아냈나?history modeGitHub 또는 GitLab 페이지와 함께 사용하시겠습니까? 와 잘 통한다.hash mode, 그러나 나는 사용하고 싶지 않다.hash modeSEO 관련 이유로. 라우터 모드에 대한 참조: https://router.vuejs.org/en/essentials/history-mode.html나는 이 글에서 나에게 맞는 해결책을 찾았다. 해결책을 요약하기 위해, 나는 다음과 같은 것들을 만들었다.404.html파일을 작성하여 프로젝트의 루트 폴더에 추가하십시오. 그리고 나서 나는 이 자바스크립트를 더했다.index.html: (function(){ var redire..