prostudy

드롭다운 목록에서 확인란을 선택한 후 v-자동 완성(복수) 검색 입력을 지우는 방법 Vuetify의 v-autocomplete 구성 요소가 여러 개 있어.현재 예를 들어 검색 입력 "Cali"에 입력하여 "California" 값을 확인하더라도 검색 입력에는 "Cali" 값이 여전히 존재한다.나는 입력된 가치를 지워야 한다.현재 드롭다운 목록을 닫을 때 검색 값이 지워지지만 확인란을 선택할 때 값을 지워야 한다. new Vue({ el: '#app', data () { return { loading: false, items: [], search: null, select: null, states: [ 'Alabama', 'Alaska', 'American Samoa', 'Arizona', 'Arkansas..

모델 변경 사항을 감지하는 Vue 지시문 어떻게 Vue 2.x 지시문을 모델의 변화를 감지할 수 있는 방법으로 작성할 수 있는가?요소에만 바인딩할 수 있고 입력, 키다운 등을 감지할 수 있다.하지만 그 모델이 언제 업데이트되었는지 감지할 수 없어.이것은 Vue의 지시 범위를 벗어난 것인가? Vue.directive('text-validation', { bind: function (el, binding, vnode) { el.addEventListener('input', function(){ console.log('only gets called on input, not model updates'); }); } }); new Vue({ el: '#app', data: { text: 'testing...' }..

VueJs 로컬 자산 경로 나는 Quasar Framework 에 기반을 둔 Vuejs 앱을 만들고 있다. src/components/Hello.vue에 나는 json 파일을 로드하는 기능이 있다. axios.get('../assets/json/ar/myfile.json') .then(response => { // JSON responses are automatically parsed. console.log(response) }) .catch(e => { this.errors.push(e) }) 그것은 오류를 반환한다.GET http://localhost:8080/assets/json/ar/ch78.json 404 (Not Found) 그래서 내 질문은 src/properties 폴더에서 파일을 어떻게 ..

VueJS에서 템플릿에 추가된 구성 요소를 동적으로 컴파일하는 방법 나는 VueJS 2와 함께 블로그를 만들고 있다.내 기사 대부분은 마크다운 파일로 저장되어 있지만, 마크다운이 다루지 않는 기능을 사용하여 좀 더 발전된 주제를 다룰 수 있었으면 좋겠어.나는 템플릿에 사용될 VueJS 구성 요소를 다음과 같은 특수 포스트로 만드는 것을 고려하고 있다.또는. 아주 간단하다. 구성 요소를 이미 로드했으므로 템플릿 문자열을 실제 템플릿으로 컴파일하기만 하면 된다.내 앵글과 너무 많은 생각을 하고 있을지도 몰라.부에보다는 JS 배경. VueJS에서 구성 요소를 템플릿에 동적으로 추가하는 확실한 방향을 찾을 수 없음.Vue.compile로 템플릿을 컴파일할 수 있다.모든 빌드에서 사용할 수 있는 것은 아니라는 점..

vuejs 2의 watch 메서드가 isAuth 값을 업데이트하지 않음 안녕, 나는 vuejs의 신참이야.기본 사이트에 대한 인증을 만들려고 했었어.지금까지 내가 한 일은 사용자가 등록하고 로그인할 수 있고 그에 따라 보기를 그에게 보여주지만, 내가 얻는 유일한 문제는 사용자가 내가 숨겨서 내비게이션 바를 보여주기 위해 추가한 isAuth 변수가 watch method에 넣었음에도 업데이트되지 않는 것이다.내가 refresh를 치면 그때 잘 되겠지..나도 vuex를 사용해본 적이 있어.그것은 효과가 없는 것 같다.Currenlty 나는 토큰을 반환하는 내장된 사용자 정의 인증 패키지를 사용하고 있다. 나는 Vuejs 2와 Laravel 5.4를 사용하고 있다. 인증 패키지: export default f..

소품 기능을 아동 구성 요소에 전달하고, 거기서부터 전화를 거는 방법을 Vue에서? 나는 부에 있는 아동 구성요소에 소품으로서의 기능을 전달하라는 권고를 받지 않았다는 것을 안다.하지만 내가 그것을 한다면, 어떻게 그것이 가능할까?지금까지 노력한 것이 바로 이것이다. 내 자식 구성 요소 - 여기서 show_divs($event), hid_divs($event) 및 다른 기능들을 보시다시피 호출한다.스크립트는 :- import { Component, Vue, Watch, Prop } from "vue-property-decorator"; @Component({ components: {} }) export default class Showcase extends Vue { @Prop() public show_..

Vuejs 2 - 자식에서 부모로 이동할 때 경로 보기 나는 다음과 같은 경로 구조를 가지고 있다. /event/:id/schedule/:id 내가 원하는 것은 사용자가 하위 구성요소/루트로 갈 때 부모 구성요소가 숨겨지는 것이다.사용자가 상위 항목으로 돌아가면 해당 요소가 다시 나타나야 한다. 부모 컴포넌트에서는 $route 객체를 관찰해 보았지만, 아무것도 트리거되지 않는다.부모 구성요소의 탑재/생성 방법에 후크를 부착하는 것은 사용자가 여전히 해당 경로에 있기 때문에 작동하지 않는다.나는 에 대해 뭔가를 보았다. watch(){ $route: { console.log('route change'); } } 나는 또한 이것을 시도했다: route: { canReuse: false }, 소용없었고, 만약..

VUEJS VUTSTRAP에 중첩된 개체 표시 api 요청을 통해 얻은 일련의 개체(사용자)가 있다.이것의 구조는 다음과 같다. api response: (5) [{…}, {…}, {…}, {…}, {…}] 이 배열 내에서 객체는 다음과 같다. 0: { user_address_string: ('Street 1') id: (3) avatar: (img') ... user: { id: 1 first_name: 'Lucas' last_name: 'Smith' } }, 1: {...}, 2: {...}, .... ] 그것은 단지 구조를 보여주기 위한 표본일 뿐이다.보시다시피 속성 중에 user{}라는 다른 개체가 있다.나는 이 물건에 포함된 속성만 표시하면 된다.이 새로운 api(속성으로 객체가 없는)를 받기 ..

Vue.js - 속성 또는 메서드 "blah"가 인스턴스에서 정의되지 않고 렌더링 중에 참조됨 Vue 2는 상위 템플릿에 정적으로 정의된 프로펠러가 아닌 오류를 발생시키는 이유는 무엇인가? 참고: 이 오류는 Javascript를 안으로 가져와도 발생하지 않음.vue가져올 수 없는 파일의 스크립트 태그. 오류: 속성 또는 메서드 "임베디드"는 인스턴스에서 정의되지 않고 렌더링 중에 참조된다.속성을 초기화하여 데이터 옵션 또는 클래스 기반 구성 요소에 대해 이 속성이 반응하는지 확인하십시오.https://vuejs.org/v2/guide/reactivity.html#Declaring-Reactive-Properties을 참조하십시오. 로더. 로더 js export default { props: { embed..

Bulma의 Navbar-buger는 Vue.js 2의 메뉴 항목에 연결되지 않음 나는 Vue 2.0과 Bulma를 사용하여 프런트 엔드가 구축된 내 어플리케이션에 대한 네비바를 구현하려고 한다.그것은 데스크탑과 작은 화면에서는 잘 작동하지만 버거 아이콘은 보여주지만 어떤 요소도 보여주지 않는다.그냥 선물이야. Docs Report More Logout 보다시피 나는 여기에 존재하지만 소용이 없는 예제 코드를 구현하려고 노력했다.Bulma가 응답하는 Navbar를 박스에서 꺼내줘야 해.내가 찾은 모든 예와 해결책은 새로운 "나브바"가 아닌 오래된 "나브" 클래스를 위한 것이다.도와주시면 감사하겠다.그래서, 부에 가이드와 뚱뚱한 사람의 논평에서 나온 단서들을 조금 연구한 후에, 이것이 내가 적용한 해결책이..