prostudy

모든 구성 요소에서 변수를 사용할 수 있도록 하는 Vue 나는 현재 돔에서 언어 설정을 읽고 있고 그것을 언어로 설정하고 있다.global이와 같은 Vue.js 변수: const language = document.querySelector('html').getAttribute('lang'); Vue.prototype.$language = language; 그것은 잘 작동하지만 나는 또한 Vue.js 이벤트 버스의 예로서 이것을 보았다. Object.defineProperties(Vue.prototype, { $bus: { get() { return EventBus; } } }); 이 둘 사이의 진짜 차이점은 무엇이며 이것을 하는 더 선호하는 방법이 있는가?Object.defineProperties는 ge..

Vuejs 헤더에서 토큰 가져오기 나는 서버로부터 응답을 받았으며 인증 토큰, 최대 사용 기간 및 다른 값들이 있다.Postman에서는 다음과 같이 보인다. localStorage로 설정하려고 하지만 vuejs 파일에서 값을 가져오는 방법을 전혀 알지 못하여 다음 코드를 시도해 보았다. this.$http.post('http://localhost:8081/login', data) .then(response =>{ console.log(response.header.Authorization); }) 그러나 다음과 같은 오류가 있다: Uncaught (in promise) TypeError: Cannot read property 'Authorization' of undefined 어떻게 헤더에서 내 토큰을 읽..

데이터로 전체 페이지를 바인딩하는 올바른 방법 또는 vuejs 방법은 무엇인가? 녹아웃Js 배경에서 나왔어.요소에 바인딩을 지정하지 않은 경우모델을 사용하여 요소의 전체 페이지를 커버할 수 있다.예를 들어 클릭 이벤트가 발생한 경우 div를 볼 수 있도록 할 수 있다.나는 VueJs와 설명서를 배우고 있다.나는 네가 엘로 원소를 표현해야 하는 vue 인스턴스를 봤구나. 다음과 같은 경우: var app = new Vue({ el: '#app', data: { message: 'Hello Vue!' } }) 만약 내 버튼이 '#app' div와 같은 div에 있지 않다면?두 vue 인스턴스 간에 통신하는 방법 또는 둘 이상의 요소를 다루기 위해 vue 인스턴스를 사용할 수 있는 방법부에즈 방식이 어때?내부..

조건에 따른 VueJS HTML 요소 유형 Vue JS에서는 할 수 있다. MY TITLE 어떤 조건에서 원소 타입을 베이스로 할 수 있는 방법이 있는가? 예를 들어, 다음을 기반으로 한다.someCondition나는 내 직함을 원한다.또는. 내가 할 수 있을 것 같다. MY TITLE MY TITLE 하지만 이것을 쓰는 더 솔직한 방법이 있을까?MY TITLE "SomeCondition"은 소품 또는 데이터 속성으로 정의될 수 있으며, "H 태그"만 사용할 경우 1에서 6까지의 값을 가질 수 있다.두 가지 변주곡만 있다면 계속 따라가는 것이 가장 좋다.v-if그리고v-else. 가능한 변형이 더 있을 경우 동적 구성요소를 사용하는 방법(https://vuejs.org/v2/guide/components..

vue의 로컬 저장소에 값을 추가하는 방법 나 지금 뭐 좀 먹으려고.laravel passport authentication,generating access tokens그리고 그것들을 보관한다.localStorage, 액세스 토큰을 가져올 수 있지만 localStorage에 배치하는 동안 값을 가져올 수 없음, 그렇게 하는 동안 다음과 같은 작업을 구현하고 있다. axios.post('/oauth/token', postData).then(response => { if(response.status === 200) { authUser.access_token = response.data.access_token; authUser.refresh_token = response.data.refresh_token; c..

webpack.config.babel에서 '가져오기'를 사용하는 중 오류 발생.js (function (exports, require, module, __filename, __dirname) { import path from 'path' ^^^^^^ SyntaxError: Unexpected token import 이 오류는 사용할 때 발생한다.webpack-dev-server --hot. 읽지를 못해서 이런 일이 생기는 것 같다.import또는 웹 팩이 지원하지 않음import나는 사용하려고 노력했다.babel-register하지만 효과가 없어이 문제를 풀 다른 방법이 없겠어요?아래 코드를 참조하십시오. webpack.config.babel.js import path from 'path' import ..

vuej에 이미지 파일로 div 저장 나는 VueJS를 사용하여 div 요소를 이미지 파일로 저장하고자 한다.나는 캔버스를 사용해 보았다.div 요소를 변환하고 이미지 파일로 저장하는 방법html2canvas : 를 사용할 수 있다. JS : html2canvas(document.querySelector("#capture")).then(canvas => { document.body.appendChild(canvas) }); HTML : Hello world! html2canvas.min.js웹 사이트에 있어야 함: 스크립트가 사용하는 모든 이미지는 동일한 오리진 아래에 있어야 프록시의 도움 없이 읽을 수 있다.마찬가지로 페이지에 크로스 오리진 콘텐츠로 얼룩진 다른 캔버스 요소가 있으면 더러워져 더 이상 ..

Vue 앱 배포 시 기본 경로를 변경하는 방법 나는 컴퓨터에서 문제없이 실행되는 Vue 2.0 웹 어플리케이션을 가지고 있지만, 루트 디렉토리에서 실행 중인 앱이 없으면 서버에서 작동할 수 없을 것 같아. 예: 'www.someserver.com/my-app/'대신 'www.someserver.com/'. 나는 이 기본 웹 팩 구성이 있는 웹 팩 단순 템플릿을 사용했다.어떻게 앱이 루트 대신 폴더에서 파일을 로드하는지 확인할 수 있는가?철하여, 정리되어vue.config.js module.exports = { /* ... */ publicPath: process.env.NODE_ENV === 'production' ? '/my-app/' : '/' } 철하여, 정리되어router.js /* ... */ ..

중첩된 v-for의 카운터 증가 다음과 같은 중첩된 데이터 구조를 가지고 있다. allItems: [ ['a', 'b', 'c'], ['d', 'e', 'f'], ['g', 'h', 'i'], ] 정확히 이렇게 표현해야 한다고 말이야 Category 1 ..........(a) Item 1 ..........(b) Item 2 ..........(c) Item 3 Category 2 ..........(d) Item 4 ..........(e) Item 5 ..........(f) Item 6 Category 3 ..........(g) Item 7 ..........(h) Item 8 ..........(i) Item 9 하지만 나는 v-for...의 사이에 카운터를 둘 수 없다.나는 데이터에 대한 통..

Vue-roouter 2는 경로를 변경하지만 보기를 업데이트하지 않는가? 다음을 사용하는 웹 사이트에 로그인 문제가 있는 경우: Vue.js v2.0.3 vue-reason v2.0.1 vuex v0.8.2 인routes.js간단한 인터셉터 설정이 있다. router.beforeEach((to, from, next) => { if (to.matched.some(record => record.meta.requiresAuth)) { // this route requires auth, check if logged in // if not, redirect to login page. if (!router.app.auth.isUserLoggedIn) { next({ path: '/login', query: { re..