c10106

Vue 경로에서 여러 구성 요소를 사용하는 방법 나는 방금 Vue로 시작해서 한 경로에 두 가지 구성 요소 즉, 내비게이션 바와 몇 가지 판매 데이터를 사용하려고 한다.라라벨 믹스는 웹팩과 자산을 번들로 묶고 있으며, npm은 계속 실패하고 있다. 인덱스.php app.js: import './bootstrap'; import router from './routes'; const app = new Vue({ el: '#app', router }); routes.js: import VueRouter from 'vue-router'; import Sales from './views/employer/sales/Sales.vue'; import MainNav from './components/MainNav.vu..

Vue 계산된 속성이 데이터 개체 변경 기본적으로 내 데이터에 대해 다음과 같은 구조를 가지고 있다(이.terms). { name: 'First Category', posts: [ { name: 'Jim James', tags: [ 'nice', 'friendly' ] }, { name: 'Bob Ross', tags: [ 'nice', 'talkative' ] } ] }, { name: 'Second Category', posts: [ { name: 'Snake Pliskin', tags: [ 'mean', 'hungry' ] }, { name: 'Hugo Weaving', tags: [ 'mean', 'angry' ] } ] } 그리고 나서 나는 계산된 결과를 출력해서 사람들이 태그로 이 .terms..

개체와 같은 소품 기본값이 작동하지 않음 나는 매우 이상한 상황이 있다. 나의HomeComponent.vue 나의HelloWorld.vue {{ msg.title }} in the year : {{ msg.year }} count is : {{ count }} {{ pow(2, 3) }} Edit component to test state is {{ state.year }} 인터페이스Message: export interface Message { title?: string; year?: number; } 내가 가지고 있는 문제는 설사 내가 a를 만들었어도 이다.default을 위해msg소품이 작동하지 않았고, 고려되지 않았다.나는 메시지를 가지고 있다.in the year :. 소품 값에 대한 기본값으로..

Vue Js의 한 구성 요소에서 다른 구성 요소로 데이터 값을 변경하는 방법 나는 Vue Js에 새로 왔다.그래서 나는 다른 구성요소의 데이터 값을 변경해야 하는 문제에 직면해 있다. 구성 요소 A: Something import B from '../components/B.vue'; export default { components: { B }, methods: { test: function() { B.data().myData = 124 B.data().isActive = true console.log(B.data().myData); console.log(B.data().isActive); } } } 구성 요소 B: export default { data() { return { myData: 123, i..

Vue.js - 클래스를 수동으로 추가하지 않는 한 클래스를 기본적으로 적용하시겠습니까? 나는 Vue.js에서 막 출발했는데 이게 가능한지 좀 막막해.다음 구성 요소 지정: {{ text }} 가능하다면 개발자가 나중에 HTML의 버튼 컴포넌트에 다른 클래스를 추가하는지 여부에 따라 "대규모 1학년" 클래스가 조건부였으면 한다. 예를 들어, 개발자가 글을 쓰는 경우 그것이 실현될 것이다. hi 그러나 개발자가 다음과 같은 내용을 작성하는 경우: 그것이 실현될 것이다. hi 기본적으로 나는 개발자가 자신의 값을 추가하지 않는 경우에만 사용되는 이 버튼 구성요소에 대한 기본 클래스 값을 만들려고 시도하고 있다.내가 보기엔 이것은 꽤 쉽게 할 수 있을 것 같지만, 부에 대한 나의 한정된 지식이 나를 약간 방해..

Vue - 인쇄 어레이 나는 이 모델을 가지고 있다.files내가 가지고 있는 재산은response안에 배열이 있다는 것errorMessages그리고 내 Vue 구성 요소 내부에서 어레이 형식이 아닌 오류를 하나씩 보여 주고 싶다. 어떻게 할 방법이 없을까? { "files": [ { "fileObject": true, "size": 9387, "name": "file_4444.pdf", "type": "application/pdf", "active": false, "error": true, "success": true, "postAction": "http://localhost:8000/api/v1/car/upload", "timeout": 0, "file": {}, "el": { "__vue__": n..

Vue 구성 요소: 라우터 링크 또는 href 속성을 동적으로 사용 다음 코드로 메뉴를 생성하는 중: {{item.icon}} {{item.title}} data: () => ({ items: [ { title: 'Nova Viagem', to: '/viagens/cadastrar', icon: 'fa-route' }, { title: 'Lista de Viagens', to: '/viagens/listar', icon: 'fa-list' }, { title: 'Sair', href: '/logout', icon: 'fa-sign-out-alt' } ] }) 처음 2개 품목은to생성에 사용되는 속성:router-link, 그러나 마지막 아이템은href공용 링크를 생성하는 데 사용할 속성(vue 라우터 링..

Vue JS는 다른 계산 속성의 각 키 값에 대해 계산된 속성 실행 계산된 속성이 있음: relateditems () { return this.related.find((relation) => { return relation.id === this.currentItem.id }) }, 다음 출력: relateditems:Object -KQ1hiTWoqAU77hiKcBZ:true -KQ1tTqLrtUvGnBTsL-M:true id:"-KQ1if2Zv3R9FdkJz_1_" 다른 계산된 속성을 생성하여 관련 항목 객체를 루프하고 처음 두 키에 대한 일치하는 ID와의 관계를 찾으려고 한다. 다음과 같은 것은 효과가 없지만, 나는 이것이 아이디어를 준다고 생각한다. relateditemsdata () { let te..

Vue에서 여러 구성 요소 유형 목록 렌더링 나는 물건의 목록을 가지고 있다.각 개체에는type렌더링해야 하는 구성요소를 결정하기 위해 사용되는 필드.예를 들어,paragraph유형 I은 이름이 지정된 구성 요소를 렌더링해야 함Paragraph나는 대략 이런 다른 종류의 성분들을 가지고 있다. 그 순간 나는 Javascript의 목록을 반복해서 훑어보았다.임의 ID로 Div를 생성하고 이를 수동으로 생성하는 Vue 구성 요소로 대체하는 경우new [ComponentType]({ el: ... })그러나, 이것은 DOM 조작을 필요로 한다.DOM 구조를 수동으로 조작하지 않아도 되는 더 좋은 방법이 있는가? v-for아니면 비슷한가?그래 더 좋은 방법이 있다.동적 구성 요소를 사용하십시오. 여기 이 문서들..

하위 구성 요소가 스토어에 액세스할 수 있어야 하는가? 고지 사항: 죄송합니다, 시간이 좀 오래 걸릴 것 같음 그래서 나는 Vue JS와 Vuex를 이용하여 중간중간 복잡한 앱을 만들고 있어. 이번이 나의 첫 번째 Vue SPA 프로젝트라서 건축적 선택, 특히 "매장에 대해 누가 알아야 하는가?"라는 질문으로 인해 어려움을 겪고 있다. 내 문제를 더미 사례로 설명하겠다. Say us have a.Post버튼 하나로 전환해야 하는 3가지 상태가 있는 구성 요소: 읽기: 구성 요소가title그리고text. 업데이트: 구성 요소가 표시됨title입력 및text입력하다 작성: 새로운 게시물을 작성할 때 동일한 구성요소가 사용되므로 업데이트와 같으나 값이 비어 있음 첫 번째 방법: 구성 요소가 저장소 데이터를 처..