shortcode

Larabel 백엔드를 사용하여 풀스택 Vue 프런트엔드를 사용하여 로그인/로그아웃하는 방법 같은 서버에서 Larabel 백엔드를 사용하여 완전한 Vue 프론트엔드를 구현하기 위해 매일 밤 고생하고 있습니다.Axi를 사용하면 일반적인 리소스 요청을 정상적으로 처리할 수 있지만 로그인과 로그아웃은 조금 악몽 같은 작업입니다.아이디어가 바닥나서 정말 도움이 필요해요:) Login Vue 컴포넌트는 다음과 같습니다. Login E-Mail Address Password Remember Me Login Forgot Your Password? 다음은 앱에 풀링한 '부트스트랩' 파일에 있는 내 axios 설정입니다.js: window.axios = require('axios'); window.axios.defaul..

Vue-cli 3 - 재료 설계 아이콘 설치 Vue CLI 3 프로젝트에 설치하는 방법좋은 결과를 얻지 못하고 사용하려고 했지만 튜토리얼을 찾을 수 없었습니다.사용. 사용 가능한 아이콘의 전체 목록은 https://materialdesignicons.com/에서 확인할 수 있습니다.첫 번째 로드 시 사이트에서 페이지 하단에 아이콘 미리보기 목록을 표시하는 데 몇 초 정도 걸릴 수 있습니다.원하는 아이콘 위에 마우스를 올려놓고 툴팁 상단에 표시된 아이콘 이름을 적어둡니다.또는 아이콘 미리 보기를 클릭하여 아이콘 세부 정보를 팝업으로 표시합니다.다음 형식을 사용하여 Vue 구성 요소의 아이콘을 가져올 수 있습니다. import FooIcon from 'vue-material-design-icons/__ICO..

V-inside v-for - 두 열에 항목 목록 표시 이런 질문을 여러 번 받고 있는 것을 알 수 있어서 죄송합니다.다음은 나를 도울 뻔했던 사람들입니다. 그리고 왜 그들이 도와주지 않았습니까? 이것은 렌더링이 아니라 메서드/계산 섹션에서 계산해야 하기 때문입니다.그건 나한테 도움이 안 돼 이것은 두 개의 다른 템플릿을 사용하여v-iftemplate-tag에 표시됩니다.두 템플릿이 98% 동일하기 때문에 제 경우엔 어리석게 보일 수 있습니다. 이 중급 기사는 내 문제와 매우 가까운 문제를 다루고 있다.다만, 이것은 그의 경우 사용자의 필터링(계산된 속성으로 해결됨)일 뿐, 특정의 반복에 코드의 일부를 삽입하는 if-clause(제가 찾고 있는 것)가 아닙니다. 문제 API에서 가져온 아이템 목록이 있기..

@Nullable 및 @Nonnull 주석을 더 효과적으로 사용하는 방법은 무엇입니까? 알겠어.@Nullable그리고.@Nonnull주석은 예방에 도움이 될 수 있습니다.NullPointerException단, 멀리까지 전파되지는 않습니다. 이러한 주석의 효과는 한 수준의 간접 작업 후 완전히 떨어지기 때문에 몇 개만 추가하면 크게 전파되지 않습니다. 이러한 주석들은 잘 시행되지 않기 때문에 다음과 같이 표시된 값을 가정할 위험이 있다.@Nonnull는 늘이 아니기 때문에 늘체크를 실행하지 않습니다. 다음 코드는 다음과 같이 표시된 매개 변수를 발생시킵니다.@Nonnull되려고null아무런 불만도 제기하지 않고요.을 던지다NullPointerException실행할 때 사용합니다. public class ..

a[a[0] = 1은 정의되지 않은 동작을 생성합니까? 이 C99 코드는 정의되지 않은 동작을 생성합니까? #include int main() { int a[3] = {0, 0, 0}; a[a[0]] = 1; printf("a[0] = %d\n", a[0]); return 0; } 세 in 。a[a[0]] = 1;,a[0]읽기도 하고 수정하기도 합니다. ISO/IEC 9899의 n1124 초안을 보았습니다.(6.5 식에서) 다음과 같이 되어 있습니다. 이전 시퀀스 포인트와 다음 시퀀스 포인트 사이에서 객체는 식을 평가하여 저장된 값을 한 번만 수정해야 합니다.또한 이전 값은 저장할 값을 결정하기 위해서만 읽어야 한다. 수정할 개체 자체를 결정하기 위해 개체를 읽는 것은 언급하지 않습니다.따라서 이 문장은..

VueX가 변환이 실행되기를 기다립니다. VueX에서 메서드를 만들 수 있습니까?mounted()다른 컴포넌트의 변환이 실행될 때까지 기다리시겠습니까? 변환이 실행되기 전후에 실행되기 때문에 컴포넌트가 마운트되었을 때 실행 후 대기할 수 있는지 여부를 알 수 있습니다. mounted() { // await MutationName this.columnItemsInit(); } store.subscribe 메서드로 돌연변이를 구독할 수 있습니다. mounted() { let unsubscribe = null unsubscribe = this.$store.subscribe(({ type }) => { if (type === 'MutationName') { this.columnItemsInit() unsubsc..

vue3의 VueApexCharts 라이브러리에서 데이터와 함께 어레이를 차트에 올바르게 전달하는 방법 저는 작은 covid 프로젝트를 작성하고 Apex Charts를 사용하여 확인된 감염 데이터를 플롯하려고 합니다만, 그래프가 표시되지 않습니다.vuex의 데이터를 두 개의 테이블에 입력합니다.데이터는 유효하지만 프록시 개체의 api 및 sa에서 가져옵니다.무엇이 잘못되었습니까? (vue Chartjs는 vue 3과 호환되지 않기 때문에 Apex Charts를 사용하고 있습니다.) import VueApexCharts from "vue3-apexcharts"; export default { components: { apexchart: VueApexCharts, }, data(){ return { seri..

대문자화된 Vue.js 컴포넌트 Vue.js 컴포넌트가 대문자로 표시되는 특별한 이유가 있습니까? 많이 보는데 왜 이렇게 적혀있는지 이유를 잘 모르겠어요.CLI 저장소에도 컴포넌트에 대한 정보가 있습니다.이는 구성 요소 생성자/정의(대문자로 구분)와 구성 요소 인스턴스를 구별하는 규칙일 뿐입니다. 클래스는 대문자로 표시되지만 클래스의 인스턴스는 대문자로 표시되지 않는 것이 일반적인 관례입니다. const user = new User() 제가 보고 사용한 바로는 vuejs는 컴포넌트 파일이나 컴포넌트 이름의 대소문자를 신경 쓰지 않습니다. 예: // HelloWorld.vue export default { data () { return { msg: 'Hello' } } } App.vue에서 사용되는 경우:..

요소를 효율적으로 검색하는 방법 최근에 저는 인터뷰를 했는데, 그들은 저에게 "찾아보는" 질문을 했습니다. 을 사용하다 (정수가 되어 있고, 그중각가 (양수)로 되어 합니다.+1 ★★★★★★★★★★★★★★★★★」-1그 인접 요소들과 비교합니다. 예: array = [4,5,6,5,4,3,2,3,4,5,6,7,8]; ,.7제자리로 돌아가다. 나는 다음과 같은 대답을 했다. 값을 임시 배열에 저장하고 정렬한 다음 이진 검색을 적용합니다. 요소가 발견되면 임시 배열에서 해당 위치를 반환합니다. 가 두 번 첫 번호를 (번호가 두 번 발생할 경우 첫 번째 번호를 반환합니다.) 하지만 그들은 이 대답에 만족하지 않는 것 같았다. 정답은 무엇일까요?종종 1보다 큰 단계를 사용하여 선형 검색을 수행할 수 있습니다.이치..

텍스트 영역의 스크롤 하이트의 올바른 값을 얻을 수 없습니다(VueJs, Vuetify). scrollHeight 값을 가져오려고 합니다.textearafile, 문제는 문서 오브젝트를 사용하는 경우입니다.document.querySelector("#textarea-element").scrollHeight올바른 값을 가지고 있습니다만, 를 사용하여 실행하려고 하면,refs값이 잘못되어 변경되지 않았습니다.이러한 동작에 대한 자세한 jsfiddle을 작성했습니다.아래를 참조해 주세요. new Vue({ el: '#app' , data: { height: 'auto', scrollHeightUsingRefsVuejs:'', scrollHeightUsingDocumentObject: '' }, methods:..