cyworld

모든 입력 값 가져오기 - Vuejs 나는 여러 개를 가지고 있다.input단순 VueJs 애플리케이션의 요소하지만 나는 요소를 가지고 있지 않고 형성한다.이제 모든 입력 값을 한 번에 가져와 서버 측 [래블]에 전송하여 처리하시겠습니까? Send getAllData(){ // I have no idea how to get all at once! } 예를 들어 모든 것을 편리한 형태 객체에 보관하는 것은 어떨까? new Vue({ el: '#app', data: { form: {} // create an object to hold all form values }, methods: { getAllData() { console.info(this.form) // axios.post('/some/url', th..

사용자 지정 VueJS 지침에서 변수를 선언하는 방법 이렇게 통상적인 방법으로 변수를 선언하려고 했을 때 오류가 생겼다. Vue.directive('my-directive', { varA: '', inserted: function(el, binding, vnode){ this.varA = 'test'; // TypeError: Cannot set property // 'varA ' of undefined }, }); TypeError: 정의되지 않은 속성 'varA'를 설정할 수 없음 Vue 명령에서 변수를 어떻게 선언하십니까?Vue 명령에서 값을 저장해야 할 때는 일반적으로 요소에 저장된다. Vue.directive('my-directive', { inserted: function(el, binding..

웹 팩이 있는 VueJS: 수출입이 예상대로 작동하지 않음 새로운 Vuetify / Webpack 프로젝트를 시작했으며, 구현을 시도했다.vue-router을 통해 프로젝트를 설정한 후vue init vuetify/webpack. 나는 이 튜토리얼의 지침에 따라 라우터를 설정했다.몇 번 만지작거리다가 부에 부품을 수입하는 방법을 바꿔서 작동하게 했다. 나의router/index.js파일: // works for me import Main from '../components/Main.vue' // does NOT work; from the tutorial import Main from '@/components/Main' 내 질문은, 왜 내가 내 물건을 가져와야 하는가이다.Main.vue비교적 서류철에 기입..

vue-무한 로드 요소를 재설정하는 방법? 나는 전시품 목록을 가지고 있다.사용자는 전시물을 추가할 수 있다.사용자가 전시물을 추가할 때vue-infinite-loading전시물 수의 변화를 포착하지 않아 더 보여줄 게 있는데도 '목록의 끝'이라고 적혀 있다. 여기 코드펜이 있다.참고: 모래톱에서 vue-무한 로드가 작동하도록 할 수는 없지만, 내 사이트에서 작동 중인 것은 확실해. 암호는 다음과 같다. HTML: Add 10 Rows idNameDescription {{exhibit.id}} {{exhibit.name}} {{exhibit.desc}} End of Results : {{exhibits.meta.totalRecords}} shown JS: new Vue({ el: '#app', metho..

Vue-cli 버전 3 베타 웹 팩 구성 가장 쉬운 웹 팩 구성을 위한 큰 단계가 될 vuejs/vue-cli (beta 3.0 )의 다음 버전을 배우고 테스트하려고 한다.그 사이에 몇 가지 예가 있다.... 테스트로 나는 vue-cli v2에서 벗어나려고 했다. webpack.dev.conf.js plugins: [ //... // copy custom static assets new CopyWebpackPlugin([ { from: path.resolve(__dirname, '../static'), to: config.dev.assetsSubDirectory, ignore: ['.*'] } ]) ] 새 vue-cli 버전 3(베타)로 vue.config.js const path = require('p..

행 삭제 후 Boostrap-Vue 테이블 새로 고침 데이터 테이블에 Bootstrap-Vue를 사용하고 있으며 대시보드에서 다음 표를 얻었음: 휴지통 아이콘을 클릭하여 항목을 성공적으로 삭제할 수 있다.Axios를 사용하여 AJAX 요청을 전송한다.그러나 삭제 후에도 웹 페이지를 수동으로 새로 고칠 때까지 항목이 표시된다.이 문제를 어떻게 해결하지?업데이트된 버전에 로딩하기 위해 AJAX 요청을 다시 하고 싶지 않아, 데이터 테이블에서 삭제된 항목 행만 제거하는 것이 가장 좋은 방법이라고 생각해. 테이블에서 ref tag를 주고 refresh 기능을 불러보았다.this.$refs.table.refresh();하지만 성공하지 못했다. 내 코드: Are you sure you want to delete t..

Vuejs를 사용하여 요소 높이 가져오기 나는 div의 높이를 얻고 싶다. div의 높이를 다른 div의 높이에 맞추기 위해서.나는 메서드 클라이언트를 사용했다.키, 하지만 좋은 값(작은 값)을 돌려주지 않는다.사실 모든 원소가 충전되기 전에 높이를 되돌리는 것 같다.온라인으로 몇 가지 조사를 한 후, 나는 모든 것이 충전될 때까지 지연시키기 위해 윈도우.load()를 넣으려고 했지만, 그것 또한 작동하지 않는다.아이디어는? mounted () { this.matchHeight() }, matchHeight () { let height = document.getElementById('info-box').clientHeight } Some text some list 네가 하는 방식은 괜찮다.그러나 a를 통..

"vue-discript-theplate"를 typecript base로 변환하는 데 문제가 있으십니까? 나는 부에-enterprise-boiler-boiler-boiler plate의 활자를 사용하려고 한다.그러나 흐름과 관련된 몇 가지 문제들이 이번 호 https://github.com/chrisvfritz/vue-enterprise-boilerplate/issues/118에서 언급되었다. "vue add @vue/criptic"을 사용하는 것과 같이, 어떤 구성을 선택해야 하는지에 대한 명확한 설명이 없다. 1? Use class-style component syntax?(y/N) 2? Use Babel alongside TypeScript (required for modern mode, auto-..

v-html 내부 Vue.js v-model html intervariable을 저장하고 싶다.예: data: function() { return { my_html: '

Lodash 디바운드가 있는 Vue JS 시계를 올바르게 사용하는 방법 나는 lodash를 사용하여 다음과 같은 구성 요소에 대한 디바운스 함수를 호출하고 있다. ... import _ from 'lodash'; export default { store, data: () => { return { foo: "", } }, watch: { searchStr: _.debounce(this.default.methods.checkSearchStr(str), 100) }, methods: { checkSearchStr(string) { console.log(this.foo) // { // `this` is the component instance (a.k.a. outer `this`) console.log(this..