vuejs2 118

vue-router를 사용한VueJ 서버 루트로 리다이렉트하는 방법

vue-router를 사용한VueJ 서버 루트로 리다이렉트하는 방법 로그아웃 링크를 클릭하는 사용자를 서버에서 렌더링한 로그아웃 페이지로 리디렉션하려고 합니다.다만, 아래의 코드에서는, 디폴트 패스로 리다이렉트 됩니다. 다음과 같이 플라스크에 서버 루트를 설정하고 있습니다. @app.route('/logout') def logout(): logout_user() return render_template('login.html') vue에서는 서버 루트로 전송되도록 루트를 리다이렉트합니다. Logout 그럼 라우터에 루트를 설정해야 하나요? export default new Router { routes: { { path: '/' component: Default children: [ { path: '/log..

programing 2022.07.28

Vue.js에서 계산된 것을 사용하고 마운트된 경우 계산된 속성이 아직 비어 있습니다.

Vue.js에서 계산된 것을 사용하고 마운트된 경우 계산된 속성이 아직 비어 있습니다. 처음입니다.Vue.js고객님이 돌아오면 자동으로 화상채팅으로 고객과 영업사원을 연결하는 컴포넌트를 만들고 있습니다(앞서는 고객님은 없습니다).함수를 호출하여 서드파티 화상채팅 소프트웨어를 활성화해야 합니다.startMyVisit(). 이전에 에러를 표시했을 경우Error: visit argument is not of type MyCustomerVisit기능 제일선에서startMyVisit()나는 디버거와 가치의 그 선에서 멈췄다.this.getVisit이''호출 버튼을 만들었습니다.startMyVisit()수동으로 동작합니다.그래서 제 결론은 전화를 거는 타이밍이startMyVisit()틀렸는지, 틀렸는지. 이 에러는..

programing 2022.07.17

Vue 값 바인딩 문자열 연결

Vue 값 바인딩 문자열 연결 나는 이제 막 배우기 시작했다.Vue그래서 바보 같은 질문일 수도 있어요.Vue 컴포넌트를 작성했는데 값 바인딩에서 문자열 연결을 수행하려고 합니다. 이것처럼. Vue.component('button-counter',{ data:function(){ return { count : 0} }, template:"" }) 하지만 그것은 잘못된 구문인 것 같다.제가 이걸 어떻게 할 수 있는지 누가 좀 도와주시겠어요? 예를 들어 다음과 같은 다른 방법이 있습니다. template: 'You clicked me {{ count }} times.' }) 하지만 가치 바인딩을 사용하는 것이 가능할까? 나는 이것을 계산된 속성으로 할 것이다.입력 타입에서 버튼으로의 전환도 생각할 수 있습니..

programing 2022.07.17

Vue.js 2.0에서 글로벌 구분 기호를 설정하는 방법

Vue.js 2.0에서 글로벌 구분 기호를 설정하는 방법 Vue.js 1.0에서는 다음 코드로 글로벌 딜리미터를 설정할 수 있습니다. Vue.config.delimiters = ['${', '}']; 그러나 Vue.js 2.0에서는 삭제되었습니다.매번 구분 기호를 설정하려면 다음 코드를 사용해야 합니까? new Vue({ delimiters: ['${', '}'] }) Vue2의 경우 다음과 같이 시도합니다. Vue.options.delimiters = ['${', '}']; 글로벌하게 딜리미터를 설정할 수 없는 것을 알고 있는 한, 그 이유는 다음과 같습니다. 2.0에서는 컴포넌트 레벨의 딜리미터가 됩니다.즉, 인 DOM 템플릿에 의존하는 루트인스턴스에 대해서만 설정할 필요가 있습니다.vueify 또는..

programing 2022.07.17

vuejs v-model, 다중 확인란 및 계산된 속성

vuejs v-model, 다중 확인란 및 계산된 속성 단일 파일 구성 요소에서 여러 개의 확인란을 사용하려고 합니다.속성을 계산해야 하는데 setter에 배열이 아닌 boolean newVal이 있습니다.코드는 다음과 같습니다. var demo = new Vue({ el: '#demo', data: { _checkedNames: [] }, computed: { checkedNames: { get: function () { return this._checkedNames; }, set: function (newVal) { console.log(newVal); //with computed we have true/false value instead of array this._checkedNames = newV..

programing 2022.07.17

부트스트랩 4가 있는 VUE 2 - data-backet="backet" 사용 시 라디오 버튼 동작이 작동하지 않음

부트스트랩 4가 있는 VUE 2 - data-backet="backet" 사용 시 라디오 버튼 동작이 작동하지 않음 다음 코드가 있습니다. VH1 MTV 라디오 버튼을 클릭해도 아무 일도 일어나지 않는다.하지만 스타일링의 "data-timeout="artribute를 삭제했더니 동작하기 시작했어!이 근처에 일 찾는 것 좀 도와줄 사람 없어요? 편집 모르시는 분들을 위해 데이터 토글은 부트스트랩 버튼 플러그인에서 가져온 것입니다.그것은 당신이 만들고 있는 버튼에 스타일과 기능을 더합니다.다음 문서를 참조하십시오.https://getbootstrap.com/docs/4.0/components/buttons/ #documents-states제거한다.data-toggle및 세트active에 따라 분류하다.:cl..

programing 2022.07.17

계산된 속성 내의 Vue JS if/else 통계

계산된 속성 내의 Vue JS if/else 통계 검색을 위해 Vue JS에 대해 계산된 속성 내에서 if/else 문을 수행하려고 하는데, 이렇게 되어 있는데 작동하지 않습니다. 어떻게 하면 이 문장을 작업에 적용할 수 있습니까? computed: { filteredProperties: function(){ return this.properties.filter((property) => { return property.address.match(this.searchAddress) && if (this.searchType.length > 1) { this.searchType.some(function(val){ return property.type.match(val) }) && } else { property..

programing 2022.07.17