copyscript

.vue 파일에서 Vue.set() 및 Vue.use() 사용 .vue 파일에서 Vue.set() 및 Vue.use()를 사용하려면 어떻게 해야 합니까?vue-cli를 사용하여 프로젝트의 골격을 설정하고 있으며 검증에 Vue.use(VeValidate)를 사용해야 합니다.그리고 여기에 있는 다음과 같은 것을 사용하고 싶습니다. Vue.set(example1.items, indexOfItem, newValue) .vue 파일 내보내기 개체이므로 Vue 참조를 가져오려면 어떻게 해야 합니까?또한 .vue 파일로 내보낸 기본 개체 내에서 사용하고 싶습니다.즉, 데이터 함수에 존재하는 항목에 Vue.set()을 사용해야 합니다.사용하셔야 합니다.import필요한 곳이면 어디든Vue또는vee-validate스크립..

Vue JS 스크립트에서 데이터 변수에 액세스하는 방법 저는 vue.js.에 처음 접속하여 2.5.13 버전을 사용하고 있습니다. 내 컴퓨터에 접속하려고 합니다.data컴포넌트 파일 스크립트의 변수.하지만 이것은 나에게 a를 준다.undefined메세지. 구성 요소의 ID 특성이 올바른 값을 반환하지만 스크립트 내에서는 반환됩니다.undefined. 이 변수를 사용하려면 어떻게 해야 합니까? 아래는 나의app.js코드 import App from './components/App.vue'; new Vue(Vue.util.extend({ router, data : { test : 1 }, }, App)) .$mount('#root'); 그리고 bleow는 내 앱 컴포넌트 코드입니다. 변수를 할당하다var a..

콜이 완료될 때까지 vue 컴포넌트의 렌더링을 중지하려면 어떻게 해야 합니까? 나는 이것을 검색해 보았지만 구체적인 해결책을 찾을 수 없다.기본적으로 초기 호출에 의존하는 vue 컴포넌트가 있으며 콜이 완료될 때까지 렌더링을 중지하고 그 시점에서 컴포넌트를 렌더링해야 합니다.간단해 보이지만 뭔가 빠뜨리지 않는 한 그렇게 할 수 있는 라이프 사이클 방법을 찾을 수 없습니다. 사용할 수 있습니다.v-if그 때문에 빈 컴포넌트를 렌더링합니다.loaded == true기본적으로는 초기 콜을 발신됩니다.created또는mounted라이프 사이클 방법을 사용하여data오브젝트를 호출 응답으로 설정합니다.통화 중에 데이터를 변경하지 않으면 vue가 렌더링할 필요가 없습니다. 문제를 정확하게 보여주는 jsfiddle을..

VueJs 및 Larabel을 사용하여 여러 파일 업로드 여러 파일을 업로드하기 위해 한 번의 투고 요청을 하려고 합니다.이제 여러 파일에 사용할 수 있는 기능적 방법이 생겼습니다.하지만 한 가지 부탁이 있습니다. submitFile(){ this.contract_file.forEach((file) =>{ let formData = new FormData(); formData.append('file', file.file); axios.post('contracts/uploadfile/' + this.id_contract, formData, { headers: { 'Content-Type': 'multipart/form-data', } } ).then(function(){ // }) .catch(functi..

webpack,vue.dll,vue 파일을 컴파일할 수 없습니다. vue.js와 webpack은 처음이라 vue 파일을 컴파일하는 데 문제가 있습니다. 템플릿 테크놀로지로 Spring boot과 pebble을 사용하고 있습니다.단일 .js 파일을 생성하여 인덱스에 포함시키고 싶습니다. 여기 webpack.config.js가 있습니다. module.exports = { // This is the "main" file which should include all other modules entry: './src/main/resources/static/app/main.js', // Where should the compiled file go? output: { // To the `dist` folder pat..

vue2-datepicker에서 시간대를 설정하는 방법 vuejs 2.6 어플리케이션에서는 https://github.com/mengxiong10/vue2-datepicker/과 time select 옵션을 함께 사용합니다. import Vue from 'vue'; import moment from 'moment-timezone' moment.tz.setDefault('Europe/Kiev') import DatePicker from 'vue2-datepicker' // https://github.com/mengxiong10/vue2-datepicker export default { name: 'new', components: {DatePicker}, // https://github.com/mengxio..

다이내믹 콘텐츠를 갖춘 CSS 그리드 레이아웃 내의 Flexbox 동적 높이를 가진 셀이 있는 그리드 레이아웃이 있습니다(마우스 오버에 대한 정보 표시).컨텐츠의 크기에 따라 그리드가 행 높이를 확장하고 호버가 끝난 후 다시 축소하도록 합니다.각 셀에는 여러 항목이 있을 수 있으며 항목이 항상 셀을 완전히 채워야 합니다. 그리드의 템플릿 행 높이가 자동으로 설정됩니다. 셀 내부의 컨테이너는 플렉스박스를 사용하여 콘텐츠를 최대화합니다. 코드펜 .grid { display: grid; grid-template-columns: 150px 150px 150px 150px; grid-template-rows: auto auto auto; margin: 20px; } 이 문제는 브라우저마다 다르게 보이지만 항상 같..

Vuej에 전역 변수 적용 인스턴스화 시 Vue 컴포넌트에 글로벌하게 전달하고 싶은 javascript 변수를 가지고 있기 때문에 등록된 각 컴포넌트는 속성으로 가지고 있거나 글로벌하게 접근할 수 있습니다. 주의: vuej의 이 글로벌 변수를 읽기 전용 속성으로 설정해야 합니다.인스턴스 속성 추가 중 예를 들어, 모든 컴포넌트가 글로벌에 액세스 할 수 있습니다.appName한 줄의 코드만 쓰면 됩니다. Vue.prototype.$appName = 'My App' $마법이 아니라 Vue가 모든 인스턴스에서 사용할 수 있는 속성에 사용하는 규칙입니다. 또는 모든 글로벌 메서드 또는 속성을 포함하는 플러그인을 작성할 수 있습니다.글로벌 믹스인을 사용하여 모든 Vue 인스턴스에 영향을 줄 수 있습니다.이 혼합에..

구성 요소 렌더링 함수의 무한 업데이트 루프 어떻게 하는지 이해하려고 노력중이야vue컴포넌트가 동작합니다.최종 목표는 읽기 전용에 행을 추가하는 것입니다.textarea[Go!] 버튼을 클릭했을 때,현재 저는 다음과 같은 코드를 가지고 있습니다. // Register components Vue.component('chatarea', { delimiters: ['${', '}'], props: ['msg'], template: '${msg}', }) // Create a root instance var app = new Vue({ el: '#app', delimiters: ['${', '}'], data: { messages: [ 'Hello from Vue!', 'Other line...' ], }, m..

Laravel Nova - 리소스의 인덱스 보기 다시 로드 난 내 첫 노바 분야를 개발하고 있어.Axios 요청을 보내는 버튼이 포함된 인덱스 필드이며, 응답이 반환될 때 인덱스 뷰를 새로고침해야 합니다. 지금으로서는, 다음과 같습니다. this.$router.go(this.$router.currentRoute); 문제는 전체 페이지를 새로 고친다는 것입니다(Cmd+R을 누를 때와 같은 하드 새로 고침).현재 루트(리소스의 인덱스 루트)를 새로고침하기만 하면 됩니다. 이것도 해봤어요. this.$router.push({ name: 'index', params: { resourceName: this.resourceName, }, }); 하지만 같은 루트를 밟았으니 아무 소용이 없어요. 좋은 생각 있어요? ..