반응형

vuejs2 417

vuex 스토어에서 vue-resource($ttp) 및 vue-router($route)를 사용하는 방법?

vuex 스토어에서 vue-resource($ttp) 및 vue-router($route)를 사용하는 방법? 컴포넌트 대본에서 영화 디테일을 받기 전에.이 기능은 먼저 스토어의 영화 ID가 경로의 파라메타 영화 ID와 동일한지 여부를 확인한다.같은 경우 서버 API에서 동영상을 가져오지 않거나 서버 API에서 동영상을 가져오십시오. 잘 되고 있었다.하지만 지금은 가게의 변이로부터 영화의 세부사항을 얻으려고 노력하고 있다.하지만 나는 실수를 하고 있다. 검색되지 않은 TypeError: 정의되지 않은 속성 '$route'를 읽을 수 없음 부에루터 사용법($route)파람과 부에 닿다($http)vuex 저장소에 있는 서버 API에서 가져오시겠습니까? store.js: export default new Vu..

programing 2022.04.01

VueJS 2에서 v-for 값 + 문자열을 사용하는 동적 v-모델

VueJS 2에서 v-for 값 + 문자열을 사용하는 동적 v-모델 내 JavaScript에는 다음과 같은 내용이 있다. data: { rooms: [ {type: 'single'}, {type: 'double'} ... ], selectedSingle: 0, selectedDouble: 0, ... }, computed: { capitalize: function(string) { return string.charAt(0).toUpperCase() + string.slice(1); } } HTML에서 사용하는 기능: 문제는 이런 식으로 내 모델에 접근할 수 있는 방법을 찾을 수 없다는 것이고, 지금 보는 유일한 방법은 그 모델을 파괴하는 것이다.v-for수동으로 만들 수도 있지만, 내가 "방"을 많이 가..

programing 2022.03.28

VS Code를 사용하여 .vue 파일의 Typecript를 사용하는 방법

VS Code를 사용하여 .vue 파일의 Typecript를 사용하는 방법 나는 Visual Studio Code, Vue 2 (웹 팩 템플릿) 및 Typecript를 사용하고 있다. 이건 내 앱이야.vue 구성 요소: [content here] 질문 1: 모든 것이 잘 되고 있지만, 나는 안에 무감각함을 가지고 싶다. Q2의 경우, @Oswaldo에서 제안한 바와 같이, a를 정의할 수 있다.vue.d.ts다음 내용을 포함하는 파일: declare module '*.vue' { import Vue = require('vue') const value: Vue.ComponentOptions export default value } 이 파일을 에 넣으면${Project_ROOT}/typings폴더, 이 유형..

programing 2022.03.27

대용량 데이터에 대한 Vue 2 메모리 사용 처리 방법(약 50,000개의 개체)

대용량 데이터에 대한 Vue 2 메모리 사용 처리 방법(약 50,000개의 개체) 나는 Vue 2에서 세미 복합 객체의 대규모 컬렉션을 위한 테이블 뷰를 구현하려고 한다. 기본적으로 DB에서 JS 캐시로 50,000에서 100,000 행 사이의 행을 수집한 다음, 동적으로 분석하여 실시간 필터(텍스트 검색)로 테이블 뷰를 구축한다.테이블 내의 각 행은 토글 가능하므로, 행을 클릭하면 해당 필드/셀에 대해 엑셀과 같은 편집이 가능한 편집 모드로 변경된다. 각 물체에는 약 100-150개의 필드/속성이 있지만 테이블 내에서 주어진 순간에는 일정량의 필드/속성만 표시된다(테이블 열은 실시간으로 토글할 수 있음).대규모 데이터셋의 경우 DB가 약 10~100mb의 JSON 데이터를 추진하고 있는 것으로 보이며,..

programing 2022.03.26

Vuetify에서 v-img에서 폴백을 어떻게 하는가?

Vuetify에서 v-img에서 폴백을 어떻게 하는가? Vuetify에서 나는.v-img, 그리고 만약 메인 이미지가 실패한다면 폴백으로 바꾸고 싶다. cPicture : function() { return this.failed_image ? "https://assets.dryicons.com/uploads/icon/svg/9872/ab3c0a16-6f14-4817-a30b-443273de911d.svg" : "http://myimg.jpg/"; }, onImgError : function(event) { alert(1); this.failed_image = true; //this.$forceUpdate(); }, 경보 1이 발생한다. Vuetify또한 콘솔에 오류를 발생시킨다.그러나 폴백 이미지는 보이..

programing 2022.03.26

Quasar Framework에서 환경 변수를 가져오는 방법

Quasar Framework에서 환경 변수를 가져오는 방법 환경 변수가 정의되어 있는 위치:config/전화번호부prod.env.js그리고dev.env.js, 변수를 사용하는 방법.vue철해 주시겠습니까? 나는 사용해 보았다.process.env.MY_VARnodejs 내장 라이브러리라고 가정하면 다음과 같은 오류를 발생시킨다. [======= ] 34% (building modules){ SyntaxError: Unexpected token (1:5) 최소 코드:.vue파일: lock Login 그 환경변수를 얻는 올바른 방법은 무엇인가?인dev.env.js그리고prod.env.js다음과 같은 내용을 쓰십시오. module.exports = merge(prodEnv, { NODE_ENV: '"deve..

programing 2022.03.25

라라벨과 함께 뷔에티파

라라벨과 함께 뷔에티파 나는 새로운 일을 하고 있다.Laravel프로젝트, 내가 Vuetify를 사용하고 싶은 곳. 나는 가까스로 기본 레이아웃을 구성하고 만들 수 있었다.이쪽은 내 주인 블레이드야php 레이아웃 파일: Tamás Barta chevron_left @{{ item.icon }} @{{ item.title }} PRM @yield('content') 내 질문은 어떻게 하면 이 구성 요소를 올바르게 사용할 수 있을까? 사용 중인 각 구성 요소에 대해 구성 요소 파일을 만들어야 하는가? 기본 ID #app에 대한 Vue 인스턴스가 하나뿐입니까? 슬프게도 나는 부피 페이지 옆에 있는 어떤 예나 지침도 찾을 수 없었다.경험이 있는 누군가가 나를 올바른 방향으로 밀어준다면 나는 멋질 것이다.Lara..

programing 2022.03.25

Vuejs : mapMutations

Vuejs : mapMutations 나는 Vues.js에 초보자인데 mapMutation 방법에 대해 물어보고 있어.나는 이 방법으로 매개 변수를 전달하고 싶은데 방법을 모르겠어.mapMution을 사용하여 두 가지 방법을 변환하고 싶다. increment() { this.$store.commit(M_COUNT_INCREMENT, { amount: 1, }); }, decrement() { this.$store.commit(M_COUNT_DECREMENT, { amount: 1, }); }, 내 "금액" 매개변수를 전달하여 다음과 같은 작업을 수행하십시오. ...mapMutations({ increment: M_COUNT_INCREMENT, decrement: M_COUNT_DECREMENT, }), ..

programing 2022.03.24

vue에서 조건부 클래스와 조건부 클래스의 결합

vue에서 조건부 클래스와 조건부 클래스의 결합 나는 vue 매개 변수의 값을 사용하여 클래스를 설정해야 한다.또한 vue 매개 변수가 특정 값인지에 따라 클래스를 조건부로 설정해야 한다.아래 두 가지 기능을 하나의 클래스 과제에 통합할 수 있는가? 배열을 사용하면 다음과 같이 할 수 있다. 참조URL: https://stackoverflow.com/questions/53640520/combining-conditional-and-non-conditional-classes-in-vue

programing 2022.03.24

Vuejs - jquery 플러그인을 초기화해야 하는 시기

Vuejs - jquery 플러그인을 초기화해야 하는 시기 초기화가 필요한 JQuery 플러그인이 몇 개 있는데, 일반적으로 이 작업은$(document).ready(function () { })그러나 vue 구성 요소 내에서 이 작업을 수행할 때는 이 작업이 작동하지 않는 것으로 나타남created이 일을 염두에 두고, 나는 이 일을 이용했다.this.$nextTick(function () { })아동 구성 요소에 도입된 요소로는 작동하지 않는 것 같아예를 들어, 나는 이렇게 한다. created: function () { this.$nextTick(function () { window.materialadmin.AppOffcanvas.initialize() }) } 나는 아동 구성요소에 도입된 버튼이 ..

programing 2022.03.21
반응형