prostudy

Vue 2방향 프로펠러 바인딩 아래는 나의 현재 구조(잘 안 된다)이다. 상위 구성 요소: 하위 구성 요소: Some text 요구사항은 다음과 같다. 상위 데이터의 경우title.warn부모의 가치 변화, 자녀의 가치class바인드는 업데이트되어야 한다(field.warn). 아이라면업데이트됨(field.value)) 다음은 부모의 것이다.title.value업데이트되어야 한다. 이것을 달성하기 위한 가장 깨끗한 해결책은 무엇인가?하위 구성 요소의 바인딩 안 함부모에게title.value(좋다)이것은 앱의 데이터 흐름을 이해하기 훨씬 어렵게 만들 수 있는 알려진 나쁜 관행이다. 요구사항은 다음과 같다. 상위 데이터의 경우title.warn부모의 가치 변화, 자녀의 가치class바인드는 업데이트되어야 한..

VueJS - 마운트된 내부 저장 데이터 액세스 나는 다음 사항을 이해하는 데 어려움을 겪고 있다. 나는 a를 가지고 있다.store응용 프로그램에 필요한 변수가 포함되어 있는 경우.특히 a가 있다.globalCompanies다음 스토어: globalCompanies: { current: [], all: [], currentName: "", } 다른 구성 요소 내에서 다음 작업을 수행하십시오. mounted() { this.$store.dispatch( "fetchUsers" ); var currentName = this.$store.state.globalCompanies.currentName; console.log(currentName); }, 하지만, 이것은 그저 공허한 것으로 보여진다.나는 그 가치..

Vue js에서 axios 메서드를 가져오기 위한 올바른 구문 나는 생성된 후크에서 직접 전화를 걸지 않고 주 vue 인스턴스를 가져와 내 공리 호출과 분리하려고 한다. data.js라는 별도의 파일에 이것을 가지고 있다. import axios from 'axios' export default{ myData() { return axios.get(`http://localhost:8080/data.json`) .then(response => { // JSON responses are automatically parsed. return response.data; }) .catch(e => { return this.myErrors.push(e) }); }, 그리고 나의 예를 들어 다음과 같은 것이 있다. im..

vue 구성 요소에 대한 루프가 완료된 후 어떻게 문 또는 메소드를 호출할 수 있는가? 다음과 같은 내 vue 구성 요소: ... 루프가 완료되면 문이나 메소드를 호출하고 싶다. 그래서 루프가 완료되면 문이 실행된다. 어떻게 하면 좋을까? 업데이트: 키라산 답변에서 이렇게 한다. ... 콘솔 로그가 표시되지 않음 내 물건은 물건이다. 항목에서 console.log(n)를 수행하면 다음과 같은 결과가 나타난다. 이 예를 보십시오. new Vue({ el: '#app', computed: { items() { return {item1: 'value1', item2: 'value2'} } }, methods: { callback() { console.log('v-for loop finished') } }, d..

Vue.js/Vuetify - 다른 선택 항목을 기준으로 선택 데이터 필터링 데이터를 필터링하여 다른 선택 항목을 기준으로 한 선택 항목을 채우려면 어떻게 해야 하는가?예를 들어, 나는 한 선택에서 주를 선택하고, 두 번째 선택에는 그 특정 주로부터 모든 도시가 적재된다.vue.js와 vuetify를 프레임워크로 사용하고 있다(v-select 구성 요소 포함).계산된 속성을 설정하려고 했지만, 첫 번째 선택에서 선택해도 두 번째 선택에서는 데이터가 로드되지 않는다. HTML Vue.use(Vuetify); var app = new Vue({ el: '#app', data() { return { items: { home_id: null, }, support: { home_province: '', }, op..

서로 다른 시작점과 끝점으로 어레이 반복 시작과 끝점이 서로 다른 json 어레이에서 반복하는 방법 예를 들어, 20개 항목의 목록을 말한다. 리스트를 0-4, 5-9, 10-14, 15-19... 다른 옵션으로 v-for 구문을 시도해 보았지만 제대로 작동하지 않는다. 첫 번째 루프에서는 사용자[0], 두 번째 루프에서는 사용자[5], 그리고 두 번째 루프에서는 사용자[9]... 나는 한번에 모든 루프를 반복하고 싶지 않다.나는 그것을 분할해서 갈아야 한다.템플릿에서 배열을 슬라이스할 수 있음: {{ item }} 다음 코드는 완료되지 않으며 목록이 5의 배수가 아닐 때 수정해야 한다는 점에 유의하십시오.다음은 8시까지 항목을 그룹화하는 데 도움이 될 수 있는 몇 가지 코드 입니다. {{ item }}..

vue-roouter를 사용하여 소품에 쿼리 바인딩 질의 값을 선언적으로 소품에 바인딩할 수 있는가? 나는 되고 싶다./my-foo?bar=my-bar소품을 건네다{foo: "my-foo", bar: "my-bar"}. 나는 현재 이런 것을 사용하고 있다. export default new Router({ routes: [ { path: "/:foo", name: "Foo", component: FooPage, props: route => ({ foo: route.params.foo, bar: route.query.bar}) } ] }); 그리고 나는 다음과 같은 것을 찾고 있다. export default new Router({ routes: [ { path: "/:foo?bar=:bar", name:..