newsource

VueJS - "npm run build"에서 dist 폴더에 index.html 파일이 생성되지 않음 저는 VueJS 프로젝트를 개발했습니다.명령어를 실행한 후 npm run build build.dist 파일과 이미지를 포함하는 dist 폴더가 생성됩니다. 그러나 /dist에는 index.html 파일이 없습니다. 내 프로젝트 구조는 다음과 같습니다. Webpack.config.js는 다음과 같습니다. let path = require('path'); let webpack = require('webpack'); let UglifyJsPlugin = require('uglifyjs-webpack-plugin'); let axios = require('axios'); let url = axios.defa..

VueJs - 메서드 간 변수 전달 이 있습니다.v-select컴포넌트 및 변경 시 기동합니다.fillData(selected)여기서 선택한 것은v-model라벨 갱신이 필요합니다.datacollection.datasets.label거스름돈으로그걸 어떻게 하는 거죠? 내부 메서드에서는 다음을 참조할 수 있습니다.data속성 사용this. 고객님의 경우this.datacollection.datasets.label할당: methods: { // ... fillData(selected){ this.datacollection.datasets[0].label = selected; }, } 물론, 이 가정은selected에 할당하는 문자열입니다.label. 주의:this를 사용하여 메서드를 선언한 경우에만 동작합니..

부트스트랩 Vue 방지/취소 이벤트 Bootstrap Vue의 b-form-select 컨트롤이 있는 페이지가 있습니다.이 컨트롤의 값을 변경할 때 값을 변경하지 않고 이 이벤트를 취소할 수 있는 함수를 실행합니다. 더 복잡한 것은 선택 항목은 하위 구성 요소에 있고 실행하는 기능은 상위 구성 요소에 있습니다. 하위 구성 요소 public values: any[] = [ { name: 'default'}, { name: 'forbidden'}, { name: 'other option' }, ] {{val.Name}} 부모 컴포넌트: this.property = { name: 'default' } public onPropertyChange(newValue) { if (newValue.name === 'fo..

Vue-Router는 라우터 링크가 아닌 일반 앵커로부터의 클릭을 처리할 수 있습니까? 페이지에 2개의 주요 컴포넌트가 있는 시나리오가 있습니다.많은 어플리케이션(북마크/탭바 포함)의 공통 기능을 포함한 프레임과 같은 컴포넌트와 실제 어플리케이션 코드가 있습니다. 프레임은 실제로 포함되어 있는 페이지를 소유하고 있지 않기 때문에 루트를 정의하는 것은 올바르지 않은 것 같습니다만, 현재의 페이지는 이러한 링크의 1개에 일치하는 독자적인 루트를 정의하는 경우가 있습니다.그렇다면, 저는vue-router이러한 앵커 클릭을 처리하고 페이지 전체를 새로고침하지 않고 적절히 네비게이트 할 수 있습니다. 다음은 간단한 템플릿입니다. 프레임(내 앱의 외부 종속성): App1: You're looking at: {{ p..

Vue 로딩 시 이미지를 페이드하는 방법 클라이언트에 로드하면 이미지가 희미해지는 컴포넌트를 만들었습니다.Vue 이벤트를 사용하는 등 Vue와 같은 해결 방법이 있다고 생각합니다만, 찾을 수 없었습니다.이미지가 로드될 때 Vue가 감지하는 방법은 무엇입니까? https://codepen.io/kslstn/pen/ooaPGW Vue.component('imageThatFadesInOnLoad',{ data: function(){ return { src: 'http://via.placeholder.com/350x150', loaded: false, } }, mounted: function () { var image = new Image() var that = this this.loaded = image.ad..

푸셔 사용 시 Larabel 5.7의 '/broadcasting/auth 401(Unauthorized)' 오류를 수정하는 방법 SPA에서 푸셔를 셋업하려고 합니다.Larabel 5.7과 Vus js에서 앱을 개발하여 인증에 jwt를 사용하고 있습니다. My Boostrap.js는 다음과 같습니다. window.Echo = new Echo({ broadcaster: 'pusher', key: process.env.MIX_PUSHER_APP_KEY, cluster: process.env.MIX_PUSHER_APP_CLUSTER, encrypted: true, auth: { headers: { Authorization: JWTtoken } } }); JWTtoken로그인 후 JWT에서 토큰을 받습니다. Br..

vue.js 템플릿 내의 php 어레이에 액세스합니다. Laravel과 vue.js를 배우려고 하다가 우연히 문제가 생겼어요.이 Laravel 모델은 데이터베이스에서 데이터를 가져와 오브젝트에 넣은 후 배열에 넣는 php 메서드를 포함하고 있습니다.다음으로 vue.js 컴포넌트 내의 이 어레이에 액세스하고 싶은데 어떻게 해야 할지 모르겠습니다. Laravel 모델은 데이터베이스에서 데이터를 가져와 어레이 내의 객체에 배치한다. vue를 사용하지 않고 index.blade에서 어레이를 인쇄할 수 있습니다.php는 다음과 같습니다. @foreach ($data['hosts'] as $hostsKey => $hostsValue) @foreach ($hostsValue as $hostKey => $hostVal..

[Vue warn] :속성 또는 메서드가 인스턴스에서 정의되지 않았지만 렌더링 중에 참조됩니다. 저는 larabel 5.7과 vue 2.5.7을 사용하고 있습니다.vue.js는 몇 주 전에 배운 지 얼마 안 되어 고급 시리즈를 따라 유튜브에 larabel과 vue를 사용하여 블로그를 만들고 있습니다.동영상에 나온 것을 제대로 따랐다고 생각했습니다만, 동영상과 함께 사용한 라라벨과 vue 버전 이외에는 다른 것이 없었습니다. 다음은 비디오입니다.사용자 CRUD - 고급 블로그/CMS 구축(Episode 12). 어떤 에피소드에서 vue를 사용하기 시작했는데 바로 다음과 같은 오류가 발생했습니다. [Vue warn] :속성 또는 메서드 "autoPassword"는 인스턴스에서 정의되지 않지만 렌더링 중에 참..

프로그램 내비게이션이 있는 패스 소품 Vue.js Vue 컴포넌트에 'title'이라는 이름의 소품이 있습니다.예: 특정 작업이 완료된 후 프로그래밍 방식으로 구성 요소를 탐색합니다.프로펠러 값을 설정하면서 사용자를 프로그래밍 방식으로 라우팅할 수 있는 방법이 있습니까?다음과 같은 링크를 만들 수 있습니다. link 하지만 다음과 같은 방법이 있을까요? this.$router.push({ path: '/foo', title: 'test title' }) 편집: 제안대로 루트를 다음과 같이 변경했습니다. { path: '/i/:imageID', component: Image, props: true } 그리고 다음 네비게이션: this.$router.push({ path: '/i/15', params: {t..

vue.js로 값을 갱신할 때 CSS 애니메이션을 추가하려면 어떻게 해야 합니까? vue.js를 사용하여 어레이를 목록으로 렌더링하고 있습니다. 리스트의 각 아이템에는 수치값이 있어 그 값이 변경되면 애니메이션을 사용하고 싶습니다. 애니메이션의 예: 기존 가치는 사라지고 새로운 가치는 사라집니다. 값 뒤에 있는 노란색 배경은 희미해집니다. 텍스트의 색상이 변경되면 원래 텍스트로 페이드백됩니다. 이거 어떻게 해? HTML {{ user.name }} = {{ user.value }} Change value JS var app = new Vue({ el: '#app', data: { users: [ { name: 'Barbara Dwyer', value: 14 }, { name: 'William B Hard..