prostudy

모달이 vue에서 닫혔을 때 어떻게 진술을 실행할 수 있는가? 다음과 같은 내 vue 구성 요소: ... Print ... Checkout ... 나는 그렇게 노력한다.그래서 나는 사용하려고 노력한다.ref="modal"그리고 장착한다.하지만 그것은 효과가 없다.modal이 닫히면 console.log가 표시되지 않음 어떻게 하면 이 문제를 해결할 수 있을까?모달 구성 요소에 이벤트 수신기 추가: Print methods: { onHidden (e) { console.log('the modal was hidden') } } 모든 이벤트는 Component Reference 섹션 아래에 나열되어 있다.참조URL: https://stackoverflow.com/questions/52270865/how-can..

vuejs - 구성 요소 간에 웹 사이트 연결 공유 작은 것부터 시작vuejs신청서루트 구성 요소에서와 같이 웹 소켓 연결을 열고 다른 구성 요소에서 동일한 연결을 다시 사용하는 방법 나는 같은 연결을 통해 부품들이 송수신할 수 있기를 바란다.이러한 구성요소는 루트 구성요소와 경로에 대해 렌더링된 구성요소 사이에 직계 부모 관계가 없도록 경로에 연결된다. App.vue: My app P&L other page 이제 다시 사용하고 싶다.ws에other-page경로를 변경할 때마다 다시 연결되지 않도록.새 js 파일 생성("/services/ws.js")웹 소켓 인스턴스를 만드십시오. const WS = new WebSocket('ws://localhost:8080'); export default WS; 그..

시간에 따라 여러 VueJS, @vue/cli 종속 애플리케이션을 유지 관리하는 규정된 방법은 무엇인가? 글로벌 NPM 의존도가 나를 좀 불안하게 만든다.몇 년 동안 안정적이고 재구축이 가능한 애플리케이션을 개발했었습니다.@vue/cli와 같은 도구는 초기에는 훌륭하지만, 시간이 지날수록 도구는 업데이트되지만, 내가 만든 제품들은 여전히 이전 버전이 필요할 것 같아 걱정이다.따라서 이상적으로는 모든 종속성을 지정하고 프로젝트 폴더에 포함시킬 수 있다.@vue/cli는 전체적으로 설치되도록 설계되었으며, 그런 다음 패키지를 생성한다.추가 @vue/cli dev 종속성 집합을 지정하는 json 파일.@vue/cli를 로컬로 설치하려고 했지만, 그것은 모노레포 설정에서 잘 작동하지 않는 상위 컨테이너 디렉토리..

API에서 ChartJS가 포함된 VueJs 채우기 내 차트를 내 API의 데이터로 채우는 방법 MY API에서 반환되는 항목: [ {"day":"Wednesday","totalStudents":"21"}, {"day":"Tuesday","totalStudents":"2"}, {"day":"Thursday","totalStudents":"20"}, {"day":"Friday","totalStudents":"23"} ] 일수는 내 레이블 및 총 학생 내 데이터여야 함 차트는 물론 학생 수를 일일별로 보여줘야 하지만, 내가 발견한 예들은 조금 혼란스럽다.사용할 수 있다Array.map필요한 데이터를 추출하기 위해 사용할 필요가 있다는 점에 유의mixins.reactiveData구성 요소를 데이터 변경 시 대..

Vue: 루트 요소 컨텐츠 및 컨텐츠 배포 슬롯 Vue 생성자에 대한 옵션의 Vue 문서에는 "템플릿에 컨텐츠 배포 슬롯이 없는 경우" 루트 요소의 컨텐츠가 표시되지 않는다고 명시되어 있다.그러나 다음과 같은 글을 쓰려고 할 때: new Vue({ el: '#app', template: ` App title ` }); App content 루트 요소의 내용은 포함되지 않는데, 올바른 방법은 무엇인가? 또는 vue 인스턴스를 만들 때 프로그래밍 방식으로 추가 컨텐츠를 주입하는 방법을 선택하십시오.어떤 면에서는, 뿌리가 정규 성분처럼 동작하지 않는다: 합격할 수도 없고, 사용할 수도 없다.s 템플릿에 직접 포함(관련: vue/#4485). 현재 소스를 살펴보십시오. 는 함수에 의해 해결되며, 그 지점에서 해..

NuxtJs 경로에서 *(아스터스크)를 사용하는 방법? Vue-cli에서 생성된 일반 Vue(Nuxt가 아님) 프로젝트에서*다음과 같은 경우에: export default new Router({ routes: [ { path: "/about", name: "about", component: About, children: [ { path: "*", component: About } ] } ] }); 이 모든 노선은 다음과 같이 작동함 /about /about/123 /about/123/abc/123/abc NuxtJs에서 이것을 할 수 있는 방법이 있는가?Nuxt에서 경로는 의 파일에서 자동으로 생성된다.pages폴더. 그러나*파일/폴더 이름에 부적합한 문자임.당신이 사용하는 것은_와일드카드(wildcar..

프로그래밍 방식으로 생성된 vuejs 구성 요소 인스턴스에 슬롯을 전달하는 방법 내 앱에서 동적 구성 요소 인스턴스를 생성해야 하며, 이 경우 다음 방법을 사용하십시오. import Button from 'Button.vue' ... var Ctor = Vue.extend(Button); var instance = new Ctor({ propsData: {} }); instance.$mount('#el'); 이 모든 것이 잘 되네, 나도 소품 전달이 가능해.하지만 이제 나도 그 인스턴스에 슬롯을 넘겨야 해.나는 다음과 같은 성공적이지 못한 것들을 무작위로 시도했다. var instance = new Ctor({ propsData: {}, slots: { default: someNode }}); 나는 모든..

요소 ui el 선택 옵션 워드랩 요소 ui를 사용하고 있다.el-select태그. 그리고 내 옵션 내부 텍스트가 너무 커.포장하고 싶다. 여기 js fiddle이 있다. 그리고 여기에 현존하는 예가 있다. 그러나 나는 넘쳐나는 단어들을 생략하고 싶지 않다.넘쳐나는 말을 2행으로 포장하고 싶다.선택한 값만 선택하는 것은 아니다.오버플로가 발생하면 모든 옵션은 두 번째 줄로 줄 바꿈해야 한다.그리고 나는 그것을 순수한 css나 vue js 방법으로 하고 싶다.그 말을 포장할 방법이 없을까?이를 위해 사용했던 CSS는 다음과 같은 CSS: .el-select-dropdown__item { width: 350px; white-space: normal; overflow: unset; height: auto; l..

새로 고침 후 Vue PWA가 새 콘텐츠를 가져오지 않음 나는 Vue를 처음 접하고 PWA Service-worker 플러그인으로 프로젝트를 만들었다.내 앱의 새 버전을 배포한 후 콘솔에 다음 메시지가 표시됨: 페이지(F5)를 새로 고친 후에도 이러한 메시지는 여전히 같은 방식으로 나타나고 앱은 이전 상태로 유지된다.캐시를 지우기 위해 모든 것을 시도했지만 여전히 새로운 내용이 로드되지 않는다. 프로젝트를 만든 후 기본 구성에서 아무것도 변경하지 않았고 서비스 작업자와 상호 작용하는 코드를 추가하지 않았다.뭐가 잘못됐어?내가 뭘 빼놓았나요?내가 알아낸 바와 같이, 이 질문은 PWA의 초보자들과만 관련이 있다. PWA는 이것을 달성하기 위해 PWA를 구성할 수 있고, 또 필요한지 모른다.지금 (및 VueJ..

Vue CLI - 정적 파일에 자산 폴더의 이미지 포함 다음 위치에 있는 이미지를 포함할 수 있는가?assets/다소 정적인..scss파일로, 일렬로 배열하다.background-image? 나는 a를 가지고 있다._buttons.scss일부 및 일부 버튼에는 아이콘이 있으며, 이 아이콘은 다음과 같이 추가하고자 한다.background-image아이콘은 에 위치한다.src/assets/포를 씌우다 앱 구조: - src - assets some_icon.svg - components - scss _buttons.scss main.scss - views App.vue main.js router.js 그리고 안에_buttons.scss: .some-selector { background-image: url(..