c10106

TypeError: vue-resource 사용 시 t.replace가 함수 오류가 아님 나는 배열된 사람들의 목록을 보여주기 위해 간단하고 아주 기본적인 Vuejs 코드를 썼다. HTML 마크업: {{p.first_name}} {{p.last_name}} 그리고 이것은 Vue js 코드 입니다. 그리고people.json파일은 다음과 같다: [ { "id": 1, "first_name": "Frasier", "last_name": "Aleksashin" }, { "id": 2, "first_name": "Red", "last_name": "Brooke" }, { "id": 3, "first_name": "Iolande", "last_name": "Lanmeid" }, { "id": 4, "first_n..

VueJS 라이프사이클에서 소품 업데이트 시기 나는 부에즈 라이프사이클의 탑재된 후크에 있는 소품들에 접근하려고 하지만 그것은 아무런 가치가 없는 것 같다. 내(실제로 단순화된) 구성 요소는 다음과 같다. export default { props: [ 'columns', ], mounted: function() { console.log(this.columns) } } 부모는 다음과 같이 보인다. 구성 요소가 올바르게 렌더링되지만 마운트된 함수의 출력은 빈 배열로, 타이밍 문제로 보인다. 내가 뭘 잘못하고 있나요?아니면 내가 사용해야 할 다른 라이프사이클 훅이 있는가? 고마워!단답은 탑재된 훅에 있는 소품들에 접근할 수 있다는 것이다.이 fiddle을 선택하면 알림에 열의 제목이 표시되는 것을 볼 수 있다..

필터를 사용하여 배열에서 개체의 여러 키 값을 검색하는 방법 각 와인마다 데이터가 있는 물체가 들어 있는 와인이 여러 개 있다. var wines = [ { _id: '59a740b8aa06e549918b1fda', wineryName: 'Some Winery', wineName: 'Pinot Noir', wineColor: 'Red', imageLink: '/img/FortBerensPN.png' }, { _id: '59a7410aaa06e549918b1fdb', wineryName: 'Some Winery', wineName: 'Pinot Gris', wineColor: 'White', imageLink: '/img/FortBerensPG.png' }, { _id: '59a74125aa06e54991..

Vue: 사용자 지정 확인란 구성 요소에서 v-model과의 바인딩이 작동하지 않음 옵션과 값이 있는 어레이에서 v-for 루프를 사용하여 생성된 옵션을 사용하여 사용자 지정 확인란 구성 요소를 생성하려고 함.v-모델을 확인란 구성 요소에 올바르게 바인딩하여 올바르게 업데이트하려면 어떻게 해야 하는가? 현재 문제는 모델이 선택되어 있는 최신 확인란에만 업데이트되고 모든 선택된 옵션이 있는 배열을 제공하지 않는다는 것이다. Vue.component('ui-checkbox', { props: { label: { type: String, required: true, }, index: { type: Number }, inputValue: { type: String } }, methods: { onChange(e..

Vuejs가 어레이에서 데이터를 가져올 수 없음 다음 코드를 가지고 있다. let data = res.data.data; console.log('data: ', data) const list = []; for(let i = 0; i < data.length; i++){ console.log('data i: ', data[i]) //not printing in console list.push({ lat: data[i].latitude, lng: data[i].longitude, histories: data[i].histories, }) lineString.pushPoint({ lat:data[i].longitude, lng:data[i].latitude }) } console.log('list: ', li..

HttpOnly 쿠키 기반 인증 및 세션 관리를 지원하는 단일 페이지 응용 프로그램 지금까지 며칠 동안 나는 내 단일 페이지 응용프로그램을 위한 안전한 인증 및 세션 관리 메커니즘을 찾고 있었다.SPA와 인증에 대한 수많은 튜토리얼과 블로그 게시물로 미루어 볼 때, JWT를 localStorage나 일반 쿠키에 저장하는 것이 가장 일반적인 방법인 것 같지만, 세션에 JWT를 사용하는 것은 좋은 생각이 아니기 때문에 이 앱의 선택사항은 아니다. 요구 사항들 로그인은 재복구가 가능해야 한다.예를 들어 사용자 계정에서 의심스러운 활동이 감지되면 즉시 해당 사용자의 액세스를 취소하고 새로운 로그인을 요구할 수 있어야 한다.마찬가지로, 비밀번호 재설정과 같은 것들은 기존의 모든 로그인을 취소해야 한다. 인증은 A..

요소-UI 열 필터에서 기본 필터 값을 설정하는 방법 요소-ui 버전 2.1.0 셋팅하고싶다Office처음에 디폴트(채무불이행으로서류상으로 어떤 도움도 찾을 수 없다.나는 테이블이 필터를 적용하도록 하는 작은 해킹 기능을 만들었다. setDefaultFilter(colProp, filteredValue) { if (!this.$refs.tableRef) { throw new Error('Table should have a ref named tableRef.'); } const typeColumn = this.$refs.tableRef.columns.find(col => col.property === colProp); typeColumn.filteredValue = filteredValue; this.$r..

요소-UI 열 필터에서 기본 필터 값을 설정하는 방법 요소-ui 버전 2.1.0 셋팅하고싶다Office처음에 디폴트(채무불이행으로서류상으로 어떤 도움도 찾을 수 없다.나는 테이블이 필터를 적용하도록 하는 작은 해킹 기능을 만들었다. setDefaultFilter(colProp, filteredValue) { if (!this.$refs.tableRef) { throw new Error('Table should have a ref named tableRef.'); } const typeColumn = this.$refs.tableRef.columns.find(col => col.property === colProp); typeColumn.filteredValue = filteredValue; this.$r..

vue.js 구성 요소 템플릿에 소품이 있는지 확인하십시오. 여러 가지 변형을 시도한 후 구성 요소의 슬롯 또는 부분 코드를 적절하게 스타일링하는 방법을 알 수 없음단면도 소품 여부를 확인할 수 있는 방법은 없을까?상위 레벨로부터 존재하기 때문에Counter.vue단면적으로나는 그것을 위해 특별한 html 마크업을 보여줄것인가? === UPDATED ==== Vue.component('counter', { template: ` since VARTIME `, data: function(){ return{ count: this.number + 1 } }, props: { number: Number, recent: { type: Boolean, default: false } }, computed: { }, c..

Axios 및 VueJS, 함수(응답)가 목록을 설정하지 않음 자료를 받아서 변수에 추가해달라는 요청이 있는데, 사용할 때: .then(function(response) { this.persons = response.data; }); 할당되지 않음response.data로this.persons하지만 내가 다음을 할 때: .then(response => this.persons = response.data); 그것은 그것을 사용해도 좋다고 할당한다.js fiddle을 참조하십시오. https://jsfiddle.net/trhhtyxr/2/여기서 설명했듯이 화살표 구문은 이것, 인수, 수퍼 또는 new.target을 바인딩하지 않는다.화살표 기능은 항상 익명이다.이러한 함수 표현은 비방법 함수에 가장 적합하다..