criticalcode

VueJ별 입력값 설정 및 가치내용 혼합 나는 이것을 시도한다: 입력 파일에 "The user name is: John Doe"라고 표시할 수 있습니까? 아니면 이 경우 반드시 계산된 값을 사용해야 합니까?v-model 대신 값에 직접 바인딩하거나 계산된 속성 및 v-model을 생성하는 옵션이 있습니다. https://codepen.io/aprouja1/pen/jwxagE new Vue({ el:'#app', data(){ return{ user:{ name:'Bob' } } }, computed:{ nameString(){ return `The user name is: ${this.user.name}` } } }) 당신이 요구하는 것은 약간 혼란스럽다고 생각합니다.기본적으로 텍스트 상자에 "The u..

Vue v-model에서 크롬 자동 완료를 감지하지 못함 Firefox에서는 이 문제가 발생하지 않기 때문에 Chrome에서만 문제가 발생하는 것 같습니다.Vue 2.6.11을 사용하고 있으며 매우 간단한 로그인 페이지가 있습니다. v-model of user: {{ username_field }} 자동완성을 목표로 한 사용자 이름과 비밀번호 입력이 있습니다.그러나 Chrome에서 자동으로 완료되고 있지만 v-model 출력에 사용자 이름이 표시되지 않고 콘솔이 기록되지 않아 v-model이 업데이트되지 않습니다.다른 항목을 클릭하면 입력의 포커스가 흐트러지면 v-model이 업데이트되고 콘솔 로그가 출력됩니다.이 gif를 참조해 주세요. 일부 구글 검색에서 알 수 있듯이 "이름" 속성을 입력에 배치하려..

Array.protype.reverse()를 사용하여 Vuejs v-for 무한 업데이트 루프 실행 나는 어떤 방법으로도 해결할 수 없는 오류를 가지고 있다 [Vue warn] :구성요소 렌더링 함수에 무한 업데이트 루프가 있을 수 있습니다.에서 발견되다. 컴포넌트 사용 중 {{item.title}} ................. {{item.title}} export default { name: "component-name" data(){ return { items: [] } } } ....Array.prototype.reverse 는 실제로 적용되는 어레이를 변경합니다. Vue는 이 변경 사항을 선택하여 둘 다 트리거합니다.v-for(다른 사람을) 자극하다.reverse()이로 인해 Vue는 재렌더..

Vuetify에서 프리펜드 아이콘으로 정의된 아이콘 스타일링 보통 Vuetify에서 아이콘을 스타일링하기 위해 다음과 같은 작업을 합니다. comment 이 기능을 사용하여 동일한 효과를 얻을 수 있는prepend-icon여기와 같은 소품 문서에는 다음과 같이 기재되어 있습니다.prepend-icon는 와 같은 구문을 사용합니다.v-icon사용 사례에 대한 구체적인 예는 제공되지 않습니다.사용방법v-icon내부prependIcon의 슬롯v-list-grouptemplate(의 템플릿)prepend-icon필요한 유연성을 모두 제공합니다. comment 여기도 있어요.appendIcon슬롯 사용 가능, btw.공식 Vuetify 문서에서는 사용 가능한 슬롯에 대해 언급하고 있지만 자세한 내용은 언급하지 않..

vue에서 sass 변수를 재정의하려면 어떻게 해야 합니까? 예를 들어 _variables.scss의 변수를 변경하고 싶습니다. $primary-color: color("materialize-red", "lighten-2") !default; $primary-color-light: lighten($primary-color, 15%) !default; $primary-color-dark: darken($primary-color, 15%) !default; /*...*/ My Vue 2에서는main.js저는 이런 구체화된 스타일을 포함해요. require('materialize-css/sass/materialize.scss'); !default로 인해, 제 생각에는,_variables.scss구체화되기 전에..

Vue에서 변수를 선언하는 것과 다른 점은 무엇입니까? 변수를 선언하는 것의 차이를 다른 방법으로 설명해 주시겠습니까?언제 이런 식으로 신고해야 하나요? 첫 번째 버전에서는someVariable템플릿 내 {{someVariable}} //doesn't work Vue3에서 사용 가능: 동작시키기 위해서, 1개의 커맨드를 추가할 수 있습니다.setup키워드는 스크립트에 포함되지만 변수 값은 로 묶어야 합니다.ref(...)또는reactive(...)변경에 대응하고 싶은 경우 추가 정보 {{someVariable}} //works (you can see the data) 일반적인 싱글 파일 컴포넌트는 다음과 같습니다. ... 외부 변수를 정의하는 경우export스테이트먼트는 스크립트태그 내부의 어느 곳에서나..

Vuejs가 mixin에서 속성을 읽지 않음 및 내보내기 NOT FOUND 오류입니다. 이 에러는 3일간 발생하고 있습니다만, 이것이 버그인지 아닌지는 알 수 없습니다만, vuejs/vue-cli 로부터 vuejs 를 인스톨 했습니다. 다음의 순서에 따릅니다. npm install -g vue-cli vue init webpack foo.com cd foo.com npm install npm run dev 지금까지는 이렇게 디렉토리 구조를 작성했습니다.src/ — src — assets — filters — config — components Profiles.vue Login.vue profiles.js routes.js main.js 그래서...routes.js이런 게 있어요. // routes.js ..

vue.js 2에서 Larabel의 baseurl을 사용하려면 어떻게 해야 하나요? 2개의 컴포넌트가 있습니다. 컴포넌트 1, 이름은 Search ResultVue입니다.vue 성분 컴포넌트는 다음과 같습니다. ... ... 컴포넌트가 컴포넌트 2를 호출합니다.이름은 페이지네이션입니다.vue 성분 Pagination 컴포넌트는 다음과 같습니다. « {{i}} » 실행 시 콘솔에 2개의 오류가 있습니다. 오류 1은 다음과 같습니다. [Vue warn] :속성 또는 메서드 "Laravel"은 인스턴스에서 정의되지 않지만 렌더링 중에 참조됩니다.데이터 옵션에서 비활성 데이터 속성을 선언하십시오. 오류 2는 다음과 같습니다. Uncaughed TypeError: 정의되지 않은 속성 'baseUrl'을 읽을 수 ..