c10106

Vue.js의 문서 요소에서 값 가져오기 SpringBoot 응용 프로그램의 프런트엔드를 만드는 중.Get 요청을 보내려면 프로그램에 입력된 값을 받아야 하지만 성공하지 못한다. 어떤 왕이라도 써보려고 했다..value,valueOf(),.toString()선택 후 방법document.getElementById("name")그리고 그들 중 아무도 효과가 없는 것 같다. // 요소 Person ID ID must be at least 5 characters Найти // 함수 AddPerson: function () { var nperson = document.getElementById("name").valueOf().value.name; console.log(nperson); } 사용자가 입력하는 텍스..

HH의 시간 형식 변경:MM:SS 영화 사물과 관련 정보를 Vue 앱으로 돌려주는 django(django-rest-framework)가 제공되는 api를 가지고 있다.그 정보 중 하나는 영화 상영시간이다. 객체: { "movie_id": 13, "duration": "17:52:14", ... ... }, 구성 요소 템플릿: ... ... Duration: {{movie.duration}} 기간은 이 형식이다. HH:MM:SS 예: 02:22:08 하지만 내가 원하는 것은 이런 식이다. 시속 22m 장고나 부에즈나 자바스크립트로 이것을 성취할 수 있는 방법이 있는가? 업데이트: 필터 전역 사용 시도 main.js: new Vue({ router, components: {App}, template: ''..

VueJS: Dev Tools의 클릭 이벤트에서 이 데이터 속성이 업데이트되지 않는 이유 아래 코드에서getWidth이벤트 핸들러(에 정의됨)methods객체) 업데이트data.width재산업데이트 시 변수widthVueJS의 Chrome addon에 라이브로 표시되어야 한다. 그러나 이 라이브 업데이트는 Vue DevTools에 표시되지 않는다.코드에 문제가 있는 건지, 내가 뭘 잘못하고 있는 건지 모르겠어.나도 Firefox에서 테스트를 해봤기 때문에 추가 기능은 문제가 되지 않아. HTML {{msg}} New Width JS new Vue({ el: '#app', data: { msg: 'Test Message', mywidth: '' }, methods: { getWidth: function()..

옵션이 개체 배열인 경우 vue-다중 선택 옵션을 미리 선택하는 방법 다음에 의해 생성된 선택 드롭다운에서 특정 값을 미리 선택하려는 경우vue-multiselect. 다음과 같은 간단한 문자열 배열만 있으면 이 기능이 제대로 작동하도록 할 수 있다. ['Test 1', 'Test 2', 'Test 3'] 하지만 여러 가지 물건을 사용할 때, 나는 이것을 작동시킬 수 없다.예를 들어 다음과 같은 경우: 내가 무엇을 설정하든testv-model이 연결되어 있는 데이터 속성은 값을 미리 선택하지 않는다.노력했다1,2,3,'1','2'그리고'3'을 위해test할 때track-by이다id그리고'Test 1', 등(는) 다음과 같은 경우)track-by이다name하지만 아무 것도 효과가 없는 것 같다. 내가 여기..

공리 호출에 성공한 후 Vue.js 구성 요소가 상위 구성 요소로 방출되지 않음 나는 사용하고 있다 "axios": "^0.19.0", "vue": "^2.6.10", "vuex": "^3.1.1" 나의vuex동작은 다음과 같이 보이고 원격 인터페이스를 호출한다.axios그 요청은 효과가 있고 그것은 유효한 응답을 받는다. skipQuestion({commit}, payload) { let params = { answer: { id: payload.id, skipped: true, } }; return new Promise((resolve, reject) => { commit(UPDATE_LOADING, true); Remote.put(`/answer.json`, params) .then((respons..

vue-i18n - '알 수 없는' 토큰 유형 감지 vue-i18n을 사용하여 변환 문자열의 값을 보간하려고 할 때 다음 오류가 계속 발생함: '알 수 없는' 유형의 토큰 탐지 나의messages.json모양은 다음과 같다. { test: { "at_location": "At { name }" } } 사용법 : {{ $t('test.at_location', { name: location.name }) }} 여기location.name완벽하게 잘 정의되어 있는데, 무슨 일이 일어나고 있는지 궁금하네...번역 메시지의 보간에는 공백을 포함해서는 안 된다. 메시지를 다음으로 변경: { test: { "at_location": "At {name}" } // No spaces! } 참조URL: https://st..

vuejs에서 재사용 가능한 api-properties 구성 요소를 구현하는 방법? 나는 비슷한 방식으로 구문 분석된 컨텐츠를 제공하는 몇 개의 동일한 API가 있는 간단한 vuejs 앱을 개발하고 있다.다양한 API 호출에서 공통으로 콘텐츠를 가져오는 코드를 만들고, 콘텐츠를 가져오는 것에 API 끝점을 전달하기만 하면 된다. 여기 내 코드가 있다. var content = new Vue({ el: '#story', data: { loaded: [], current: 0, hasMore:"", nextItems:"", errors: [] }, mounted() { axios.get("/storyjs") .then(response => { this.loaded = this.loaded.concat(res..

vm 사용.여러 번 콜백을 처리하는 데 한 번보다 여러 번 더 많은 비용을 지출하시겠습니까? 요구 사항 중 하나에서 여러 콜백(여러 하위 구성 요소와 동일)에 대해 동일한 개체(상위 구성 요소)에 시계를 동적으로 추가해야 한다.예를 들면 다음과 같다. addWatch(callback){ this.$watch(()=>{ --- return **this.a** },callback) } 다음과 같은 질문이 있다. 하위 구성 요소 수가 증가하면 VUEJS에서 성능 문제가 발생하나?(예: 임계값은 있는가) 콜백 배열을 유지하고 워치를 한 번 생성하여 이 배열을 반복하고 워치가 트리거되는 경우 각 메서드를 실행하면 성능이 개선될 수 있는가?아니면 VUEJS에서 내부적으로 관리하고 있는가? 미리 고마워!보고 싶은 물..

사이프러스 파일 업로드 오류(사이프러스 파일 업로드 오류) 내 vue/cli 4 / Bootstrap 4.3 앱에서 파일 업로드를 위해 vue-uppload 구성 요소를 사용하며 잘 작동한다.파일 업로드를 테스트하기 위해 사이프러스를 추가하고 싶었고 https://github.com/abramenal/cypress-file-upload/tree/v3.5.3을 프로젝트에 추가했지만 이 테스트에서 실패했다.나는 vue 파일을 가지고 있다. Upload image ... const VueUploadComponent = require('vue-upload-component') Vue.component('file-upload', VueUploadComponent) 그리고 내 브라우저에서 그것은 다음과 같이 렌더링..

라우터를 사용한 VueJS 역할 기반 인증 나의 사용 사례는 이와 같은 것이다. 누군가가 시스템에 로그인할 때 나는 로그인 동작에서 사용자 역할을 식별하고 그 값을 상태로 저장한다. 학생, 관리자, 데이터 입력 등 3가지 사용자 역할이 있음 이 세 가지 역할에도 3개의 경로가 있다. (/학생, 관리자,/dataEntry) 그래서 사용자 역할에 따라 사용자들을 시스템으로 이동시키고자 한다.논리적으로 이런 거. if(userType == 'student'){ router.push('/student') }, if(userType == 'admin'){ router.push('/admin') } 이걸 어떻게 해?나는 VueJS를 처음 접하는 사람이고 만약 조건이 된다면 이것들을 어디에 두어야 할지 모르겠다. 여..