itsource

Vue SPA - 브라우저에서 렌더링할 때 .vue 파일을 숨기는 방법 node.js 서버에서 호스트되는 Vue.js에서 개발된 Single Page App을 작업하고 있습니다. 현시점에서는 아직 개발 중이지만, 최종적으로는 외부 고객에게 공개됩니다.또한 기밀 데이터를 취급하기 때문에 사용자가 devtool에서 요소를 검사할 때 .vue 파일과 관련 파일 트리 구조가 보이는 것은 피하고 싶습니다. 첨부한 스크린샷은 숨기고 싶은 파일을 보여주는 샘플입니다. 그것을 달성할 수 있는 방법이 있습니까?컨피규레이션파일을 가지고 노는 것으로, Webpack으로 SPA를 번들로 export 할 수 있었습니다. 파일 내./config/index.js다음 플래그가 변경되었습니다. build: { // other code..

클릭 시 특정 (이) 버튼 클래스를 변경하는 방법Vue.js 2.0 사용 임의의 버튼을 클릭하면, 모두 액티브하게 됩니다.그래서 내가 원하는 것은 클릭된 것만 바꾸면 되는 것이다. var vm = new Vue({ el: '#toolBtns', data: { isActive: false }, computed: { activeClass: function () { return { active: this.isActive }; } } }); Btn1 Btn2 Btn3 현재 선택되어 있는 버튼을 찾으려면 변수가 필요할 수 있습니다.또한 이 변수를 사용하여 올바른 클래스를 동적으로 바인딩할 수 있습니다.:class="{active: activeBtn === 'btn1' }". 이 접근방식의 장점은 현재 선택된 버튼..

경로의 File.separator와 슬래시의 차이 를 사용하는 것의 차이점은 무엇입니까?File.separator 일반 및 and and and/Java Path-String java 、 「 」 백슬래시와는 \\플랫폼 독립성은 이유가 되지 않는 것 같습니다.Windows Unix 에에에에에에 。 public class SlashTest { @Test public void slash() throws Exception { File file = new File("src/trials/SlashTest.java"); assertThat(file.exists(), is(true)); } @Test public void separator() throws Exception { File file = new File("s..

Vuex mapState가 어레이가 아닌 개체를 반환합니까? v-for를 사용하여 개체 어레이를 루프합니다.그러나 내 상태는 개체의 배열을 포함하는 개체를 반환합니다. { "todos": [ { "id": "x", "description": "y" }, { "id": "a", "description": "b" } ] } v-for가 작동하지 않는 원인이 됩니다.대신 getter를 사용하면 다음과 같은 객체 배열이 반환됩니다. [ { "id": "x", "description": "y" }, { "id": "a", "description": "b" } ] 이게 정상적인 행동인가요? mapState 사용: {{todos}} .... import {mapActions, mapGetters, mapState} ..

v-sphere가 어레이 컨텐츠의 변경을 감지하지 못함(vue js) 나는 지금 이 상황을 바꾸려고 하고 있습니다.id사용자가 버튼을 클릭한 후 이미지를 표시합니다.처음에id요소 중 하나는 B0_h여야 하지만 사용자가 버튼을 클릭한 후 배열 값이 다음과 같이 변경됩니다.true처음에 모든 어레이 값은 다음과 같습니다.false단, 어레이 내의 요소 값이 참이 되면idB0_v로 변경해야 합니다. Vue dev 툴을 사용하여 어레이의 값이 예상대로 변화하고 있음을 알 수 있었습니다.v-bind이 변경을 검출할 수 없습니다.에서v-bind관점, 가치B[0]정지해 있다false그 결과,id아직 B0_h 입니다. 템플릿은 다음과 같습니다. 제 대본은 다음과 같습니다. 내가 여기서 뭘 잘못하고 있는지 알아?이는 어..

vue-route-back은 vue-route-back으로 어떻게 해야 하나요? 네, 간단하게 설명하자면: 나는 3페이지가 있다. 페이지 1 (홈) 2페이지 (메뉴) 페이지 3 (개요) 1페이지에는 a-가 있습니다. 버튼을 클릭하면 "/menu"로 이동합니다. 현재 2페이지(메뉴)에는 버튼을 클릭하면 이전 위치 "/" 페이지 1(홈)로 돌아갑니다. 단, 각 페이지에 대해 라우터를 위한 컴포넌트를 생성하여 이전 페이지로 '돌아가기'를 하고 싶지는 않습니다(100페이지가 있는 것처럼 라우팅에 많은 시간이 걸릴 수 있습니다).vue-router에서 이 작업을 수행할 수 있는 방법이 있습니까?와 비슷한window.history.back() 문서에서는 찾을 수 없기 때문에 이 방법을 알고 싶습니다. 잘 부탁드립니..

V-Data-Table의 Select-All [VUETIFY]에서 비활성 항목 제외 있습니다v-data-table사용할 수 없는 아이템이 있으며, 이 아이템을 트리거할 때 제외하려고 합니다.select-all에header.data-table-select슬롯. 또한 적용됨:readonly그래도 검사받아요. 문서도 봤고 이걸 찾았어요header.data-table-selectslot에는 다음 옵션만 있습니다. { props: { value: boolean indeterminate: boolean }, on: { input: (value: boolean) => void } } 에서 선택한 항목을 처리하는 방법이 있습니까?v-data-table? 라이브 코드는 다음과 같습니다.https://d4et5.csb.a..

Laravel Mix: Node.js 의존관계 갱신 Laravel Mix를 사용하여 웹 팩 구성 파일을 컴파일하려고 합니다. Laracasts Vue 2 시리즈 웹팩 에피소드에 이어 // Scripts "scripts": { "dev": "node node_modules/cross-env/bin/cross-env.js NODE_ENV=development node_modules/webpack/bin/webpack.js --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js" }, .... // mix mix.js('resources/assets/js/app.js', 'public/js') .sass('resou..

Vuex Store getter 함수를 찾을 수 없습니다. 다음은 vuex 스토어에 있는 내 getters입니다. const getters= { getUser: (state:any) => {return state.user} }; 제 견해로는 다음과 같습니다. ... import {createNamespacedHelpers} from 'vuex' const {mapMutations, mapGetters} = createNamespacedHelpers('user'); export default Vue.extend({ computed: { ...mapGetters([ 'getUser' ]) }, methods: { ...mapMutations([ 'change' ]), login() { this.change(..

글로벌 확인 대화상자 기능 구현에 관한 Vuejs 문제 글로벌 확인 대화 상자 기능을 구현하고 있습니다. 예를 들어 다음과 같습니다.사용자가 "게시" 단추를 클릭하여 문서를 게시하면 확인 대화 상자가 열립니다. 사용자는 퍼블리시 버튼을 클릭하면 "openConfirmDialog()" 함수가 트리거됩니다. 확인 대화 상자를 표시합니다. 사용자가 확인 버튼을 클릭할 때까지 기다립니다. confirmDialog.vue의 함수( onConfirm())는 확인 버튼을 클릭하면 트리거됩니다. 문의사항: How can I pass and trigger a 동적 작용(in this example: pubishArticle ) when the user click the "confirm" button? 컴포넌트 - con..