반응형

vuejs2 87

Github 페이지의 VueJS 앱 공백 페이지

Github 페이지의 VueJS 앱 공백 페이지 아래 저장소의 gh-pages 분기에 Vue 앱을 배포했습니다. 그러나 https://christopherkade.com/STracker에 접속하면 Firefox에서 다음 오류가 발생합니다(다른 브라우저에서도 마찬가지 오류). 소스 "https://christopherkade.com/static/js/manifest.5f330dcceda3a8431045.js"의 로드에 실패했습니다. 소스 "https://christopherkade.com/static/js/vendor.d99d5ed4cd2156cc1a6f.js"의 로드에 실패했습니다. 소스 "https://christopherkade.com/static/js/app.ccc0f9d5d6f02f3b3285.j..

itsource 2022.09.17

Vue를 사용한 클릭 투 편집 텍스트 필드

Vue를 사용한 클릭 투 편집 텍스트 필드 Vue js에서 작업 중인데 필드를 편집하는 데 문제가 있습니다.편집하기 위해 필드를 클릭하면 편집 가능한 모든 필드가 활성화됩니다.여기 제 코드가 있습니다. export default { props: ['profileHeight'], data() { return { User: User, isEditing: false, form:{ name:'', email: '', }, }; }, mounted() { }, methods: { activateInEditMode() { this.isEditing = true }, deActivateInEditMode() { this.isEditing = false } } } Profile settings Full name{{Us..

itsource 2022.09.17

단일 파일 구성 요소에 중첩된 템플릿이 있는 VueJS 알 수 없는 사용자 지정 요소

단일 파일 구성 요소에 중첩된 템플릿이 있는 VueJS 알 수 없는 사용자 지정 요소 vue가 포함된 중첩된 구조를 가지고 있습니다. : [array] : [array] : [array] 파일 컴포넌트도 1개 사용하고 있습니다.위해서컴포넌트는 다음과 같습니다(/App.vue파일) 그컴포넌트(/components/Column.vue파일): 그컴포넌트(/components/Task.vue파일): 이 시점까지는 모든 것이 완벽하게 작동한다.앱은 여러 개의 열을 렌더링하고 열 내부에서는 작업을 렌더링합니다.하지만 또 다른 층이 온다., 이것은 다음과 같습니다(/components/Init-resource.vue파일): 다음의 에러가 표시됩니다. vue.common.js?e881:509 [Vue warn]: Un..

itsource 2022.09.16

데이터 테이블에 작업 버튼을 삽입하고 행 데이터를 가져옵니다.

데이터 테이블에 작업 버튼을 삽입하고 행 데이터를 가져옵니다. 환경: vue@^2.6.10: vuetify@^2.1.0 사용하고 싶다v-data-table검색 결과를 표시하고 평가 버튼을 각 행에 추가합니다.v-data-table. 유감스럽게도 두 가지 문제가 있습니다. [평가(Evaluate)]버튼이 표시되지 않습니다. 누른 버튼의 행 데이터를 가져오는 방법을 모릅니다. 무엇을 바꿔야 하나요? 템플릿 {{row.item.no}} {{row.item.result}} mdi-heart 대본 data () { return { headers: [ { text: 'no', value: 'no' }, { text: 'result', value: 'result' }, { text: 'good', value: 'go..

itsource 2022.09.06

VueJS Mixins 메서드 다이렉트콜

VueJS Mixins 메서드 다이렉트콜 VueJ에서 Mixins를 테스트하고 있는데 질문이 있습니다.Mixins에서 이벤트를 할당하지 않고 직접 호출할 수 있는 방법이 있습니까?methods? MyMixins.js import Vue from 'vue' Vue.mixin({ methods: { Alerta(){ alert('WORK!') } } }) app.vue test 위의 코드는 동작한다.어떻게 하면 mixin 함수를 직접 호출할 수 있을까요? app.vue test 감사합니다!네, 직접 전화하시면 됩니다.혼합된 메서드는 Vue 또는 해당 메서드와 "혼합"된 구성 요소와 병합됩니다.그것들은 다른 방법들과 같은 방법으로 불릴 수 있다. console.clear() const Mixin = { met..

itsource 2022.09.06

webpack-cli 오류: 규칙 집합을 컴파일하지 못했습니다.

webpack-cli 오류: 규칙 집합을 컴파일하지 못했습니다. 구성이 잘못된 패키지를 다시 쓰려고 합니다.json, node_model 제거, ~/.cache 제거, 처음부터 다시 시작 패키지.json { "name": "billing", "version": "0.1.0", "private": true, "description": "A Vue.js project using Babel", "author": "Alex Povolotsky ", "scripts": { "serve": "vue-cli-service serve", "build": "webpack", "lint": "vue-cli-service lint", "postmerge": "./script/post_merge_hook.sh" }, "dep..

itsource 2022.09.04

vue-cli 웹 팩 프로젝트의 웹 팩 구성 파일 위치

vue-cli 웹 팩 프로젝트의 웹 팩 구성 파일 위치 CLI를 사용하여 vue.js 프로젝트를 만들었습니다.웹팩 템플릿을 사용했습니다.며칠 동안 작업을 했는데 잘 되고 있어요. 이제 npm 패키지를 프로젝트에 추가해야 합니다.이 패키지에서는 webpack 설정을 변경할 것을 권장합니다.그러나 프로젝트의 루트에는 webpack.config.js 파일이 없습니다.여기서 webpack 설정 파일은 다음과 같습니다.일부 프레임워크에서와 같이 명령을 실행하여 게시해야 합니까?새 vue-cli 3(@vue/cli)을 사용하여 프로젝트를 생성하는 경우 프로젝트 루트 디렉토리에 vue.config.js라는 파일이 됩니다.즉, 다음과 같이 vue.config.js를 변경하는 것만으로 웹 팩 구성을 커스터마이즈할 수 있..

itsource 2022.09.03

Vue.js를 사용하여 선택한 모든 확인란 목록을 가져옵니다.

Vue.js를 사용하여 선택한 모든 확인란 목록을 가져옵니다. Vue에서 선택한 모든 체크박스의 목록을 가져오려면 어떻게 해야 합니까?이것은 내 HTML로 작동하며 체크박스와 함께 내 제품 목록을 보여준다. 버튼을 클릭하면 선택한 체크박스가 모두 표시됩니다.그리고 나에게 모든 가치를 주세요.하지만 어떻게 해야 할지 모르겠어요. 왜냐하면 제가 이걸 추가하려고 해도v-model체크박스로 이동합니다.모든 확인란을 바인딩합니다.value제품 및v-model정렬하여checkedProducts ... data(){ return{ ... checkedProducts:[] .... } } 언급URL : https://stackoverflow.com/questions/52152342/get-the-list-of-all-..

itsource 2022.09.03

Safari 폭(%) 계산이 잘못됨(부모로부터 1px 필러).

Safari 폭(%) 계산이 잘못됨(부모로부터 1px 필러). .projects { position: relative; background-color: black; li { position: relative; width: calc(100% / 3); display: inline-block; cursor: pointer; vertical-align: top; overflow: hidden; .bg-placeholder { position: relative; width: 100%; img { position: relative; display: block; width: 100%; height: auto !important; } } .bg { position: absolute; width: 100%; heigh..

itsource 2022.08.31

Vuetify v-data-table 고정 헤더가 작동하지 않음

Vuetify v-data-table 고정 헤더가 작동하지 않음 Vuetify 사용v-data-table컴포넌트 및 세트fixed-header속성이지만 테이블 머리글이 테이블 본문과 함께 스크롤됩니다.최신 크롬을 사용하고 있습니다.그 행동을 바로잡는 방법을 제대로 할 수 있는 사람이 있을까요?높이 속성을 지정해야 합니다.높이="100%"로 합격할 수 있어 동작합니다. https://codepen.io/ellisdod/pen/gOpzBmQ나를 위해.height="100%"동작하지 않았습니다만, 픽셀의 높이를 설정하는 것도 선택사항이 아닙니다.테이블의 페이지 높이를 모두 소비하고 싶기 때문입니다.height="100vh"여러분들에게 도움이 되길 바랍니다. PS: 인정된 답변 아래에 코멘트로 기재하는 것이 좋..

itsource 2022.08.31
반응형