copyscript

Vue CLI 3 및 Firebase 서비스 워커 등록 Vue-cli 3을 사용하여 Vue 앱을 만들고 FCM을 통합하려고 합니다.하지만 이틀 동안 작업했는데도 작동이 안 돼요. 먼저, 여기 제 importScripts('https://www.gstatic.com/firebasejs/4.8.1/firebase- app.js'); importScripts('https://www.gstatic.com/firebasejs/4.8.1/firebase-messaging.js'); var config = { messagingSenderId: "69625964474" }; firebase.initializeApp(config); const messaging = firebase.messaging(); messaging..

Vue.js img src 변수와 텍스트 연결 Vue.js 변수와 이미지 URL을 연결하려고 합니다. 계산한 내용: imgPreUrl : function() { if (androidBuild) return "android_asset/www/"; else return ""; } Android용으로 빌드하는 경우: 또 다른 계산된 변수와 URL을 연결하려면 어떻게 해야 하나요? 해봤어요. 속성에는 컬(수염 태그)을 사용할 수 없습니다.데이터를 통합하려면 다음을 사용하십시오. 또는 단축 버전: 동적 속성에 대한 자세한 내용은 Vue 문서를 참조하십시오.다른 경우에는 템플릿 리터럴 ES6를 백틱과 함께 사용할 수 있으므로 다음과 같이 설정할 수 있습니다. 그냥 해봐 이것을 DataBase에서 취급하는 경우는, ..

루트를 다른 파일로 분할 나는 꽤 큰 Vue 앱을 개발 중인데, 나는 이제 모든 경로를 한 페이지에 써야 한다.router/index.js좋아하거나 유지하기에 너무 길어지고 있습니다.그index.js페이지는...와 같은 문장으로 가득 차 있다. import This from '../components/This' import That from '../components/That' import ThatOther from '../components/ThatOther' import ThatOtherOne from '../components/ThatOtherOne' // and so on and so on...then at the bottom var router = new Router({ routes: [ { p..

vue 2에서 클릭 핸들의 하위 항목 전파 사용 안 함 이 마크업 사용 {{ message }} 을 클릭하면div- 호출합니다.handleClickOnDiv를 클릭하면i- 양쪽 핸들러를 호출합니다. 어떻게 대처해야 할까요?이벤트 수식자 시험@click다음 작업을 수행할 수 있습니다. {{ message }} 언급URL : https://stackoverflow.com/questions/42552661/disable-propagation-of-click-handle-to-child-in-vue-2

JWT 토큰 유효성 검사 - beforeEnter Vue 라우터에서 'beforeEnter'를 실행하여 사용자가 인증되었는지 확인하고 그렇지 않으면 메시지를 트리거하는 기능이 있습니다. (jwt)가 있는지 확인합니다.token에 저장됩니다.localStorage- 사용자가 수동으로 로그아웃하면 토큰이 삭제되기 때문에localStorage. 단, 토큰이 만료되어도 토큰은 그대로localStorage그 때문에, 함수는 생각한다)(localStorage.token)) 사용자가 로그인하고 있습니다. 토큰이 비활성화되어도 서버는 요청을 차단합니다.또한 안전합니다. 페이지가 로드되기 전에 서버 측에서 'beforeEnter' 미들웨어에서 토큰의 유효성을 확인하려면 어떻게 해야 합니까? 토큰의 유효성을 검사하고 결과..

Vue에서 JSON 데이터에 대한 드롭다운 필터 생성 드롭다운 옵션과 일치하는 경우 JSON 데이터를 필터링하여 다른 JSON 데이터 항목을 표시하는 드롭다운을 사용합니다.지금까지는 드롭다운 메뉴에서 항목을 선택하면 기능이 실행되지만 콘솔이나 WebStorm에서 오류가 발생하지 않기 때문에 필터가 작동하지 않는 이유를 알 수 없습니다. 다음은 코드와 JSON 데이터의 예입니다. 4.5 10.5 {{ product.product_name }} £{{ product.original_price }} £{{ product.final_price }} JSON 데이터의 예: "data": [ { "id": "83", "product_name": "TV", "category": "Clearance", "origina..

Custome vue 부트스트랩 테마가 작동하지 않음 vue 부트스트랩을 사용하려고 합니다만, 테마에 커스텀 컬러를 설정하고 싶습니다.또한 버튼을 사용하여 사용자가 어두운 테마로 전환할 수 있도록 하고 싶습니다.vue-bootstrap을 설치하고 정상적으로 동작하고 있습니다.bootstrap4의 지시에 따라 테마를 커스터마이즈하여 자산 폴더에 custom.scss 파일을 만들고 이 코드를 추가했습니다. $theme-colors: ( "kimbel-prime": #091F40, "kimbel-success": #7FC343, "kimbel-warn": #C74241, "kimbel-danger": #6E0C2B ); @import "node_modules/bootstrap/scss/bootstrap"; 이..

Vue.use(플러그인)가 'install' 함수를 호출하지 않음 커스텀 vue 컴포넌트를 NPM 모듈로 내보내는 작업을 하고 있습니다.공식 문서 "Packaging Vue Components for npm"에 기재된 절차를 따릅니다. 나의index.js아카wrapper.js파일: // index.js -> wrapper.js // Import vue component import component from "./components/VueOpenapiForm.vue"; import ExtendSchema from "./functional-components/extend-schema.js"; // global components import ObjectForm from "./components/Object..

버튼이 두 번 연속 클릭되지 않도록 하는 방법 이 질문에는 이미 답변이 있습니다. Vue2에서 데바운스를 구현하는 방법 (15개의 답변) 닫힘3년 전. 나는 버튼이 있고, 사용자가 원한다면 버튼을 여러 번 클릭할 수 있다.그러나 사용자가 버튼을 클릭할 때 실수로 두 번 클릭할 수 있으며, 이 경우 두 번째 클릭은 코드에 의해 차단됩니다. 더 설명하자면.두 번의 클릭 사이에 약간의 지연이 있을 것입니다. vue j를 사용하여 이 작업을 수행하려면 어떻게 해야 합니까? Vue docs에서 찾은 이벤트 한정자.stop Increase 이것으로 내가 원하는 일을 할 수 있을까?그가 아니다..stop수식어를 사용해도 문제가 해결되지 않습니다.이 수식자가 하는 일은 이벤트 전파를 방지하는 것입니다(플랜 JavaSc..

Vue 구성 요소에 메서드를 동적으로 추가하는 방법 서버로부터 데이터를 취득할 때, 예를 들면[{methodName:mothodValue},{methodName:mothodValue}]나는 동적 생성 방식을 원한다. methods: { functionArray.forEach(function (item) { item.functionName:function () { item.functionValue; } }) } 그래서 이게 내 코드야 var componentName = Vue.component(componentName, { data: function () { return { value: value } }, template: componentTemplate, methods:{ functionArray.for..