goodsource

JSON을 알파벳 순으로 첫 번째 문자로 정렬 다음과 같은 JSON이 있습니다. [ { "id": 1, "slug": "abakan", "name": "Абакан" }, { "id": 4, "slug": "almetevsk", "name": "Альметьевск" }, { "id": 10, "slug": "astrahan", "name": "Астрахань" }, { "id": 11, "slug": "barnaul", "name": "Барнаул" }, ... ] 그리고 이 방법으로 이것을 얻습니다. public function getCities() { $cities = City::mainCities()->get(['id', 'slug', 'name']); return response()->jso..

transition-group 속성 또는 소품 설정 방법 Vuejs에서 소품 또는 속성을 설정하려면 어떻게 해야 합니까?transition-group예를 들어, 이 스니펫이 있습니다. ... 그럼 카드 리스트의 트랜지션을 애니메이션화하고 싶은데, 이렇게 변환할 수 있나요? ... 트랜지션 그룹의 API를 보면 소품 전달 방법이 없는 것 같습니다.처럼tag이행 그룹이 DOM에 배치되었을 때 이행 그룹의 이름을 변경할 수 있습니다.인수인계 그룹 전체를 정리하고 Card Title {{ item }} 언급URL : https://stackoverflow.com/questions/46901235/how-to-set-attributes-or-props-in-transition-group

Vue는 생성자가 아닙니다. 사용하고 있습니다.webpack크롬으로 빌드하고 실행한 후 이 오류를 표시하면 어떻게 해결해야 할지 모르겠습니다. 코드는 매우 간단합니다. { "devDependencies": { "babel-core": "^6.23.1", "babel-loader": "^6.3.2", "babel-plugin-transform-runtime": "^6.23.0", "babel-preset-es2015": "^6.22.0", "babel-runtime": "5", "css-loader": "^0.26.1", "html-webpack-plugin": "^2.28.0", "vue-hot-reload-api": "^2.0.9", "vue-html-loader": "^1.2.3", "vue-load..

약속 콜백에서 vue 데이터 변경 약속 콜백 내부에서 Vue 데이터를 변경하려고 하는데 어떤 이유로 템플릿의 값 변경을 볼 수 없습니다. 약속 콜백에서 Vue의 속성을 업데이트하는 방법을 확인했습니다.그리고 나는 그것을 바꿨다.this템플릿에서 값이 변경되는 것을 볼 수 없습니다. 템플릿은 다음과 같습니다. {{ sites }} 제 대본은 이렇습니다. data: () => ({ sites: {} }), methods: { initialize(snapshot) { let _this = this snapshot.forEach((site) => { convert(site.data()) .then(converted => { _this.sites[site.id] = converted }) }) } } 왜 데이터가..

VueJs2 확인란 v-bind: true-value가 작동하지 않음 vue-cli를 사용하여 vuejs2 앱을 만들었습니다.vuejs 설명서에 값 바인딩이라고 나와 있는 확인란의 동적 값을 바인딩하려고 합니다.하지만 그것은 나를 정의하지 못한다.내가 묶지 않으면 진실인지 거짓인지 알 수 있어이것은 나의 ValueBinding입니다.vue 컴포넌트 Selected value for smoking: {{ smoking }} No Smoking Submit 저는 vuejs가 처음입니다.잘 부탁드립니다.v-bind를 사용하면 하나 이상의 특성이 식에 동적으로 바인딩됩니다.고객님의 경우 v-bind:true-value="Y" 다음과 같은 데이터 속성을 검색합니다.Yvue 인스턴스에서는 이러한 특성을 정의하지 않..

Vuex 액션 내의 Axios 함수에서 디스패치 캐치(오류)로 오류 메시지를 반환하려면 어떻게 해야 합니까? axios를 사용하여 axis 호출을 하는 액션이 있는데, axios catch 함수에 의해 axios가 에러를 반환할 때마다 catch를 받기 때문에, 같은 에러를 dispatch catch 함수에 흘려보낼 수 있는지 알고 싶습니다. // 새로운 에러("test error inside")를 설정하려고 했지만 디스패치가 에러를 검출하지 못한 것 같습니다. vuex 스토어의 작업 코드 actions:{ assignOrder(context, assign){ axios.post('/assignOrder',assign) .then((response) => { console.log(response) }) ..

vue.js를 사용하여 선택 옵션에서 동적 툴팁을 설정할 수 있습니까? vue에서 선언된 어레이가 있습니다. sourceSelect: [ { text: "Option 1", value: "1", title: "First tooltip" }, { text: "Option 2", value: "2", title: "Second tooltip" }, { text: "Option 3", value: "3", title: "Third tooltip" } ], 마크업에 선택 요소가 있습니다. {{source.text}} 드롭다운에는 옵션이 표시되고tooltip그러나 안타깝게도 제목 값은 배열에 설정되어 있지 않습니다.그게 아니라 {{source.display}}이 표시됩니다.이 방법으로 제목 속성의 값을 동적으로 ..

Vue에서 v-for 값을 HTML 특성에 바인딩하는 방법 v-for에서 얻은 값을 동일한 태그의 속성에 연결하려고 하지만 성공하지 못했습니다.제 코드는 다음과 같습니다. 기본적으로 이 값은title그리고.data-value제목 바인딩은 식 앞뒤에 큰따옴표를 붙여야 하며 제목에 문자열 보간을 원하는 것 같습니다만, 효과가 없을 것 같습니다. 이것을 사용해 보세요(v-mit cus를 사용할 수 있습니다).:줄임말이다) {{ hashtag }} https://jsfiddle.net/5sqs5fsq/언급URL : https://stackoverflow.com/questions/46004437/how-to-bind-v-for-values-to-html-attributes-in-vue

스타일 바인딩을 @click - vue.syslog로 지정합니다. 나는 그 당시, 스타일 다른 요소 바인딩 하고 싶은 요소 toggling 있다.하지만과 이를 이루기 위해 이해하지 않았다.@click data(){ return { show:false, filterStyle: { top: 0, background: "#dfe4ea", marginTop: "15px", marginBottom: "15px", }, } } methods: { closing(){ this.show = !this.show }, } close closing div는 다음과 같습니다. 스타일을 변경합니다. 누가 나한테 설명해 줄 사람 없어? 편집:그런데 그, 당신은 내가 이 스타일 결합입니다 참조하십시오, 문제 없어요.하지만지 않음으..

탈퇴 전환이 활성화되어 있는 동안 구성 요소 렌더링 계속 값이 끊임없이 변화하는 컴포넌트가 있습니다.단, 전환으로 숨겨지면 값 갱신이 정지되어 버립니다.이것은 제가 원하는 동작이 아닙니다. 이 바이올린이나 단편들을 확인해 보세요. var demo = new Vue({ el: '#demo', data: { visible: true, counter: 0 }, created: function() { setInterval(function() { this.counter++; }.bind(this), 200); } }); .fade-enter, .fade-leave-to { opacity: 0; } .fade-enter-active, .fade-leave-active { transition: 2s ease; } [..