cyworld

VueJS 앱이 비어 있음 나는 이 repo https://github.com/auth0-blog/vue-jwt-authentication에 vueJS 앱 복제를 시작했다.나는 그것과 함께 며칠 동안 발전해왔고 그것과 함께 몇 페이지를 발전시켰다.나중에 그것이 Vue1.0이라는 것을 깨달았다.그리고 나서 나는 https://github.com/vuejs/vue-migration-helper을 사용했고 vue 2.0으로 이주했다.나는 모든 오류를 하나하나 고쳤다. 지금 내가 앱을 실행하면, 아무 오류도 보이지 않을 뿐인데 비어있다.브라우저 콘솔이나 npm 터미널에서도 오류가 발생하지 않는다.Inspect 요소에서,비어있었다.누군가 시간을 좀 내줘.여기 리포 안에 암호가 있어https://bitbucket...

vue-redirected redirected to default path 문제 사용자가 루트 경로로 이동할 때(사용자가 myapp.com으로 이동할 때 myapp.com/defaultpage으로 리디렉션할 때) 특정 페이지로 기본 설정 나의 현재 코드는 인덱스 js import Full from '../containers/Full' import DefaultView from '../views/DefaultView' export default new Router({ mode: 'history', linkActiveClass: 'open active', scrollBehavior: () => ({ y: 0 }), routes: [ { path: '/', redirect: '/defaultview', nam..

Vue.js의 조건부는 프로펠러 값에 따라 달라지는가? 이것이 다소 간단한 질문/답변이었으면 좋겠는데, 문서에서 많은 정보를 찾을 수 없다. 에 의해 생성된 앵커를 활성화하거나 비활성화할 수 있는 방법이 있는가?소품 전달 여부에 따라 달라지는가? {{ title }} {{ description }} 없으면id이 구성 요소로 전달된 링크를 사용하지 않도록 설정하십시오. 콘텐츠를 두 배로 늘리지 않고 이 작업을 수행할 수 있는 방법이 있는가?v-if? 고마워!클릭할 수 없는 경우와 같이 앵커 태그를 비활성화하고 비활성화된 것으로 보이려면 CSS 옵션을 사용하고 있다. isActive는 프로펠러 ID를 확인하여 true를 반환해야 한다. {{ title }} {{ description }} .disabled ..

Laravel/Vue.js 프로젝트에서 Vuesax 업로드 구성 요소를 사용하는 방법 나는 웹과 유투브에 관한 튜토리얼을 가지고 이 프로젝트 베이스를 작업하고 있다. 내 문제는 튜토리얼을 기반으로 한 그 베이스가 이것과 같은 것을 가지고 있다. scan submit scan 내가 사용하는 IMAGE 파일을 열었을 때 이 코드에서 볼 수 있듯이@change방법, 그럼 내가 쓸게.click.preventSubmit(제출) 버튼을 눌러 이미지를 호스트로 업로드하십시오. 문제는 이 사이트의 구성 요소를 사용하고 있다는 것이다. https://lusaxweb.github.io/vuesax/components/upload.html 업로드할 때 이 유형의 코드를 사용하는 코드: 다음 작업을 변경하고 제거함onChan..

내비게이션 가드를 통해 "/로그인"에서 "/"로 이동할 때 리디렉션됨"이 나타나는 이유는? 여기서 라우터 가드는 내 vue 앱에서 잘 작동하고 있지만 로그인 후 콘솔에 다음과 같은 오류가 나타난다. 검색되지 않은(약속 중) 오류: 내비게이션 가드를 통해 "/로그인"에서 "/"로 이동할 때 리디렉션됨. 여기 내 코드 조각이 있다. const routes = [ { path: "/login", component: () => import("../views/Auth/Login"), meta: { hideForAuth: true }, }, { path: "/", component: DashboardLayout, meta: { requiresAuth: true }, children: [ { path: "home",..

바인딩 및 언바인드가 Vue의 사용자 지정 명령을 호출한 경우 및 라이프사이클 기능과 어떻게 관련되는지(장착/파괴) 예를 들어, 창 크기 조정 이벤트를 처리하는 사용자 지정 지시문을 만들고 Vue.directive('resize', { bind(el, binding, vnode) { el.resizeEvent = function() { vnode.context[binding.expression]() } // I would like it to be called in mounted Vue.nextTick(el.resizeEvent) window.addEventListener('resize', el.resizeEvent) }, unbind(el) { window.removeEventListener('resiz..

Vue.js 2, css에서 사용자 지정 구성 요소 태그 이름 사용? 일반적인 HTML 태그와 같이 구성 요소 태그를 스타일링 용도로 사용할 수 있는가?lives { }? 나는 저 글씨를 본다.사용법.lives { }css는 작동하지만 다소 중복된 것처럼 보인다. 만약 구성요소 태그만 사용할 수 있다면, 추가 클래스를 추가하기를 원한다. 나는 Vue가 편찬한 것을 이해한다.HTML 코드로 변환하여 css가 컴파일된 후 사용할 "live" 태그가 없는 경우. 그러나 여전히 궁금하다.부에 컴포넌트의 이름은 css 규칙과 관계가 없지만,template한다 Vue 구성 요소:template속성, html 태그가 들어있다. 또한 당신은 html 태그를template. 예: template: `{{a}}` 이제 c..

Vue JS에서 로그인 API 토큰 처리 다음 로그인 구성 요소를 사용 중: var Login = Vue.extend({ template: '#auth', data: function () { return {username: '',password: '',errorMessage:''}; }, methods : { login: function (e) { var _this = this; $.ajax({ url: "/vue/api/login", type: "POST", async:false, data:{ username:_this.username, password: _this.password }, success: function (data) { // store the token in global variable ..

루프 내에서 Vuejs 구성 요소의 가변 매개 변수 액세스 부에즈는 처음이야.나는 삭제 확인 모달에 대한 vuejs 구성 요소를 작성했다.나는 이것을 레코드 목록이라고 부른다. 여기 내 코드가 있다. × Delete {{ item | capitalize }} Are you sure about deleting the {{ name }} {{ item }} ? No Yes 그리고 여기 이 구성 요소를 라벨 5.3이라고 부르는 제 블레이드 템플릿이 있습니다, @foreach ($categories as $category) {{ $category->id }} {{ $category->name }} Show Edit Delete @endforeach 내가 구성요소에 전달하는 매개변수는 가변적이며 Vue devto..

Vue js - 대화상자에서 응답을 받아 Vue 라우터 + Vuetify를 사용한 탐색 확인 vuetify 대화상자가 있는 vue 템플릿(그러나 실제로 해당 대화상자가 있는 경우)을 사용하여 vue-Router의 이전RouteLeave 메소드에 있는 페이지에서 항법항해를 확인하는 방법은? dialogTest.vue: Are you sure you wish to leave this page? Better think long and hard. Nah Yah dialogTest.ts: import Vue from 'vue'; import { Component } from 'vue-property-decorator'; Component.registerHooks([ 'beforeRouteLeave' ]); @Co..