cyworld

웹 주소록 수신기에서 전역 이벤트 방출 나는 프로젝트에 기여하고 싶다 - 그것은 Vue로 쓰여져 있고, 나는 Vue에서 초보자다. 나는 두 가지 구성 요소가 있다.Setup그리고MainApp 둘 다 웹세트의 다른 메시지에 기초하여 일부 상태를 업데이트해야 할 것이다.어떤 웹셋 메시지는 전자에 영향을 미치고, 어떤 것은 후자에 영향을 미칠 것이다. Vue는 서비스를 몰라서 그냥 비어 있는 사용자 지정 구성 요소를 만들어야겠다고 생각했다..웹세트를 그곳에서 인스턴스화한 다음, a를 발행한다.this.emit()청취자에게 새로운 메시지가 나타날 때마다 다른 두 구성 요소 모두 방출 소리를 듣고 반응할 수 있을 것이다. 아쉽게도 웹소켓 컴포넌트를 작동시킬 수가 없다. main.js: import Ws from ..

Vue.js의 헤더 및 바닥글 구성 요소 나는 Vue.js를 배우고 있고, 나는 vue.js 설치에 cli를 사용하는 것이 아니라, 방금 Vue.js 파일을 다운받아서 배우려고 한다. 내 문제는 헤더와 같은 구성요소를 외부화하는 것이다.부와 발바닥vue 및 기본 구성 요소에 추가. 나는 사용했다.Vue.component('MyHeader', require('./components/Header.vue'));구성 요소를 로드할 때 다음과 같은 오류가 발생함"Uncaught ReferenceError: require is not defined". 이 오류를 해결하려면 여기에서 .js 파일이 필요하지만 구성 요소 파일을 로드할 수 없다. 폴더 구조 인덱스.포인트 I am Content 인덱스컨트롤러.js //r..

django를 이용한 Vuejs 앱 개발 및 구축 나는 Vuejs에서 디폴트로 실행되던 꽤 간단한 웹 앱을 만들었다.npm run dev웹팩으로 명령하다부에 앱은 내가 만든 장고 API를 장고 레스트프레임으로 활용하고 있었다.그리고 Vue 앱에 변경 사항이 있을 때마다 자동으로 핫로딩이 되는데, 이것은 꽤 멋진 일이다. 이제 나는 웹팩 대신 짱고를 이용한 부에 앱을 실행해보고 싶어.무슨 말인가 하면 장고가 html 템플릿 파일로 응답하고, 부에즈 앱은 그 html 파일에서 한 페이지 애플리케이션으로 실행된다는 것이다. 내가 지금 하고 있는 것은 먼저 다음 명령을 실행하는 것이다. npm run build 그런 다음 dist/static/folder 파일을 django static 폴더에 복사한다.마지막으..

VueJ를 사용하여 요소를 동적으로 컴파일 및 마운트s 더 이슈 나는 VueJS용 jQuery DataTables에 경량 포장지를 만들었다. {{ column.name }} 데이터 표를 이렇게 활용하고 있다. 액션 컬럼의 "렌더" 방법을 참고하십시오.이 기능은 잘 작동하며 예상대로 버튼이 렌더링되지만@click핸들러가 작동하지 않음. 주위를 둘러보니 도움이 되지 않는 두 개의 링크가 있었다. VueJS GitHub repo 254호(VueJS 1.0용 솔루션 제공)(사용)this.$compile) 그러나 이는 VueJS 2.0에서 제거되었다. Will Vincent의 블로그 게시물은 로컬 데이터가 동적으로 변경될 때 DataTable을 다시 렌더링하는 방법에 대해 설명하지만 렌더링된 요소에 핸들러를 부착..

V-텍스트 필드 자동 완성 값이 v-model 값을 설정하지 않음 페이지가 처음 로드될 때 "자동 완성"(브라우저 자격 증명/저장된 사용자 이름 및 암호) 값이 v-text 필드에 표시되지만 v-model 값과 동일하지는 않다. 이러한 이유로 검증 규칙은 오류를 반환하므로 단추를 사용할 수 없다. 그런 다음 아무 곳이나 아무 키나 누르면 값이 채워지고 버튼이 활성화된다. 그리고 여기 내 암호는: 무엇이 이 상황을 야기시키고 있는가?이것은 여기에 요약되어 있는 것과 비슷한 문제일 수 있다."필터 없음" 특성을 추가해 보십시오. 참조URL: https://stackoverflow.com/questions/69296778/v-text-field-autocomplete-value-doesnt-set-v-mode..

vue 구성 요소의 CSRf 토큰 Vue.js가 통합된 Laravel 5.3 프로젝트를 사용하고 싶다.CSRF-TOKEN내 모습으로양식 html 코드가 Vue 구성 요소 파일에 있음 resources / assets / js / bootstrap.js 난 이걸 가지고 있다: Vue.http.interceptors.push((request, next) => { request.headers.set('X-CSRF-TOKEN', MyApp.csrfToken); next(); }); 그러면 나는 메인 파일을 가지고 있다./resources/assets/js/app.js: require('./bootstrap'); Vue.component('callbackwindow', require('./components/ca..

Vue 테스트 유틸리티가 구성 요소 데이터를 업데이트하지만 돔을 다시 렌더링하지 않는 경우 구성 요소 데이터의 한 변수를 변경하는 ajax 요청을 한 후 내 Vue 앱의 템플릿을 테스트하려고 해.이 변수(책)는 갤러리를 조건부로 렌더링하는 데 사용된다. 컨텍스트: 나는 뒷면에 저장한 책을 보여주기 위해 갤러리를 만들고 싶다.이를 위해 부품 장착에 관한 책을 가져온다.그 결과는 가변 서적에 나와 있다.내가 테스트하려는 것은, 아약스 콜이 끝난 후, 부품이 갤러리에 책을 렌더링한다는 것이다. 문제: 책 변수가 설정되면 divSHOW GALLERY렌더링되어야 하지만 " but" div (Loading)은(는) 여전히 렌더링된다. 다음 두 블록의 코드는 구성 요소와 테스트 자체다. BookGallery.vue(..

Vue.js 애니메이션이 올바르게 작동하지 않음 나는 Vue 2를 사용하고 있으며 CSS 애니메이션을 자주 생성되고 파괴되는 요소에 포함시키려고 한다.다음은 내 코드의 예다. export default { name: 'MyElement', methods: { enterStart: function (el) { console.log('about to enter'); el.classList.add('testing-enter'); }, enter: function (el) { console.log('entered'); }, leaveStart: function (el) { console.log('starting to leave!'); }, leave: function (el) { console.log('leav..

농담으로 i18 다음 모듈을 조롱하는 방법 나는 기존 Vue 프로젝트의 테스트 환경을 설정하고 vue-test-utilities와 농담을 하기로 결정했다. 모든 것이 설치되고 제자리에 있지만, 구성 요소를 가져올 때 .test.js 파일에서 테스트하고 구성 요소를 다음과 같이 테스트 유틸리티에 추가하고자 한다. let wrapper = shallow(Home) 테스트 제품군이 충돌하고 오류가 발생함:TypeError: Cannot read property 'i18next' of undefined. i18 next module을 조롱하기로 결심했지만 조롱하는 데 문제가 있다.내 조롱은 다음과 같이 보였다. jest.mock('i18next', () => ({ init: () => {}, use: () =>..

Vue.js에서 v-on과 같은 사용자 지정 지시어를 생성하는 방법 (학문을 위해) v-on과 같은 행동을 하는 지시어를 만들려고 한다.나는 이미 기능 전달을 값으로 사용할 수 있지만, 코드를 값으로 전달할 수 있는 방법을 알고 싶다. 사용 예: Test 1 Test 2 여기서 "인쇄"는 함수이고 "테스트 번호"는 구성 요소 데이터의 숫자다. 내가 하려던 일, 하지만 성공하지 못한 일. directives:{ 'onward': { bind(el, binding, vnode){ if(typeof binding.value === 'function') el.addEventListener(binding.arg, binding.value); else el.addEventListener(binding.arg, fu..