반응형

vuejs2 272

하위에서 상위로의 Vuetify 대화 상자 세트 프로펠러 돌연변이

하위에서 상위로의 Vuetify 대화 상자 세트 프로펠러 돌연변이 현재 이 옵션을 사용하여 대화 상자 구성 요소를 여는 중 부모 zoom_in 이렇게 하면 대화 상자가 열리며, 대화 상자가 열림true 아이 This is a test 나는 vue 대화 상자에 이벤트가 없기 때문에 시계를 사용한다.간신히 대화를 닫았는데 아직도 말이 나오지 않는다. Avoid mutating a prop directly since the value will be overwritten whenever the parent component re-renders. Instead, use a data or computed property based on the prop's value 계산된 속성을 사용하여 대화 상자를 가져오고 설정..

IT이야기 2022.05.04

vuejs에서 옵션을 선택할 때 옵션 그룹 레이블을 얻는 방법은?

vuejs에서 옵션을 선택할 때 옵션 그룹 레이블을 얻는 방법은? 옵션을 선택할 때 국가 그룹 이름을 얻고 싶다.나는 다음과 같은 여러 그룹을 가진 나라들을 가지고 있다. Afghanistan Armenia Azerbaijan ... Bangaldesh ... American Samoa Australia Cook Islands Algeria Angola Azerbaijan Argentina Bolivia Brazil United States United States Minor Outlying Islands Canada United Kingdom Albania Andorra 선택 시 가정Bangladesh그러면 나는 옵트 그룹 이름을 알고 싶다.Asia여기 나의 vueJs 방법이 있다. getCountry..

IT이야기 2022.05.04

Vue Js의 확인란 배열

Vue Js의 확인란 배열 모든 시스템 설정을 저장하는 기본 시스템 개체에서 가져온 일련의 확인란이 있다.(getSystem{}라고 함). 이 양식에서 임은 역할 []의 배열이 있는 사용자에 액세스한다.getSystem.user_roles에 대해 이 역할 배열을 확인하는 방법은? 나는 그것을 정상적으로 하는 방법을 알고 있다. 자바스크립트로 분명히.하지만 내가 Vue.js를 입력하면 어떤 것을 넣을까? Email Address // Here i can do user.roles to get the array of roles. // What can I do to loop through the roles and check the box if it exists in the user roles?? {{resour..

IT이야기 2022.05.04

Vue.js Safari 모바일 및 호환성

Vue.js Safari 모바일 및 호환성 나는 Firefox, Chrome에서 잘 작동하는 Vue.js 구성 요소를 가지고 있지만 Safari와 Safari 모바일 브라우저는 작동하지 않는다. 콘솔이 반환되는 경우: object.values가 함수가 아님 이 문제에 대한 해결책이 있는가? 전체 코드는 다음과 같다. {{meal}} {{ option }} Credits used: {{creditsSum}}/{{credits}} Dietary PRICE: £{{cost}} Subscribe 4 Weeks SUBSCRIBE 8 Weeks SUBSCRIBE Subscribe 4 Weeks SUBSCRIBE 8 Weeks SUBSCRIBE Subscribe 4 Weeks SUBSCRIBE 8 Weeks SUBS..

IT이야기 2022.05.03

Vue.js 2.0 모듈 빌드 실패:구문 오류:웹 팩, Elixir 및 꿀꺽을 사용한 예상치 못한 토큰

Vue.js 2.0 모듈 빌드 실패:구문 오류:웹 팩, Elixir 및 꿀꺽을 사용한 예상치 못한 토큰 Vue.js 1.X에서 Vue.js 2.0으로 업그레이드하려고 거의 하루를 보냈는데도 여전히 오류가 발생하고 있다(꿀벌워치 사용) ./~/buble-loader!/~/vue-loader/lib/lib/lib.js?type=script&index=0!/cs/changes/js/changes/changes/changes/changes.vue 모듈 빌드 실패:구문 오류:Unexpected token (41:79) at Parser.pp$4.raise (/home/vagrant/Projects/test/node_modules/acorn/dist/acorn.js:2221:15) at Parser.pp.unexp..

IT이야기 2022.05.03

뷰피 테이블에서 상세 행 전환

뷰피 테이블에서 상세 행 전환 나는 디테일이 있는 푸에프 테이블이 있다.쉐브론을 클릭할 때마다 해당 행의 상세 뷰가 나타난다.내 경우에는 한 가지 세부적인 전망만 열어두는 것이 훨씬 나을 것이다.원하는 결과는 다음과 같다.내가 쉐브론을 클릭할 때마다 그 상세 뷰가 열리고 다른 모든 뷰가 닫힌다. 부피에서 상세 뷰의 개방은 다음과 같이 프로그램된다. ... props: { ... detailed: Boolean ... } ... methods: { ... toggleDetails(obj) { const found = this.isVisibleDetailRow(obj) if (found) { this.closeDetailRow(obj) this.$emit('details-close', obj) } else ..

IT이야기 2022.05.03

vue-cli를 사용하여 중첩된 html을 구축하는 데 오래 걸림

vue-cli를 사용하여 중첩된 html을 구축하는 데 오래 걸림 나는 vue-cli(2.9.6, 그러나 3.0.0 베타*는 동일한 이슈가 있다)의 빌딩 프로세스는 템플릿의 html이 상대적으로 깊어진 후에 영원히 걸린다는 것을 발견했다. 예를 들어, 나는 단지 몇 가지를 추가했을 뿐이다.div로.App.vue 예약 예약, 사사: 그렇게 오래 걸리진 않을 거야 하지만 일단 이렇게 되면: 건축과정이 오래 걸리고, 이 깊이의 둥지가 그렇게 흔하지 않다고 믿는다. 이 문제를 어떻게 처리해야 할까? EDIT(상세) 문제가 환경에 따라 다를 수 있는 것 같아, 자세한 내용은 여기 있어. 이 문제는 최소한 다음과 같은 환경에서 재현할 수 있다. MacOS High Sierra on Mac mini(2014년 말) ..

IT이야기 2022.05.02

IE 11에서 코드 블록 루핑

IE 11에서 코드 블록 루핑 프로젝트를 위해서, 나는 javascript로 주어진 사물들의 목록을 반복해서 보고, 그것들을 html 테이블에 수평으로 표시해야 한다.예: https://jsfiddle.net/50wL7mdz/83227/ html: {{body.title}} {{car.make}} {{car.model}} {{car.year}} javascript: new Vue({ el: '#app', data: { body: {title : 'test title', cars: [{make: 'Honda', model: 'Civic', year: 2010}, {make: 'Toyota', model: 'Camry', year: 2012}, {make: 'Nissan', model: 'Versa', ye..

IT이야기 2022.05.01

사용자 지정 테마 추가 방법 확인

사용자 지정 테마 추가 방법 확인 나는 프로젝트를 만들기 위해 vue cli3를 사용했다. vue create my-project 내 프로젝트에 부비시(Vuetify)를 더하는 거야 vue add vuetify 테마 생성기를 시각화하여 사용자 지정 테마를 만든 후이제 나는 그 주제를 내 프로젝트에 추가하고 싶다. 뷔에티시 공식 문서에는 다음과 같은 주제가 추가된다. Vue.use(Vuetify, { theme: { primary: '#3f51b5', secondary: '#b0bec5', accent: '#8c9eff', error: '#b71c1c' } }) 하지만 나의main.js이런 모양 import '@babel/polyfill' import Vue from 'vue' import './plugi..

IT이야기 2022.04.29

vue를 사용하여 테이블 행 필터링

vue를 사용하여 테이블 행 필터링 나는 vuejs를 처음 본다.여기 테이블이 있어: {{ key }} {{ item }} 행을 필터링하여 이 입력에 있는 모든 행과 일치하는 행을 표시하려는 경우: 나는 이것을 계산된 재산으로 성공적으로 해냈다. computed: { filteredData: function() { return this.data.filter((items) => { for (var item in items) { if(String(items[item]).indexOf(this.searchQuery) !== -1) { return true } } return false }) } }, 이것은 테이블을 필터링하고 입력에 있는 것과 일치하는 셀이 있는 행만 표시한다.이것은 완벽하게 작동한다. 그러나..

IT이야기 2022.04.29
반응형