c10106

행 요소 폼 행 가져오기클릭 이벤트 Bootstrap Vue의 테이블을 사용하고 있는데 행을 클릭할 때 행 세부 정보를 표시하려고 해. 나는 사용했다.row-clicked의사 선생님 말씀대로 사건이야 하지만 난 어떤 행 세부사항도 찾을 수 없어toggleDetails방법그래서 어떻게 열어야 할지, 어디서 열는지도 모른다.toggleDetails~에서 온 이 세부 정보 행을 열 수 있는 방법이 있다.row.clicked이벤트? 아니면 이것을 하기 위해 다른 방법을 사용해야 하는가? 무슨 단서라도 있어? 편집 내 문제를 좀 더 설명하기 위한 코드가 있어, 세부사항 행이 있는 내 테이블이 있어. {{ row.item.message }} {{ row.item.message }} 너는 볼 수 있다.row.clic..

vuejs 애니메이트 그리드에 있는 항목 나열 나는 vuejs를 사용하여 그리드 내에서 목록 항목을 생성했다. 나는 클래스 이름을 변경하여 그리드 내부의 셀 내용을 동적으로 업데이트하고 있다.css3 애니메이션을 사용하여 셀 내부의 요소를 바꾸고 싶다.전환 그룹 I을 사용하여 css 애니메이션을 적용했지만 제대로 작동하지 않음, css 클래스가 적용됨에 따라 다음 줄까지 떨어지는 새로운 요소를 생성하고 이전 요소를 숨긴다.어떻게 하면 세포 바로 안에서 애니메이션을 만들 수 있을까? 여기 jsfiddle이 있다: https://jsfiddle.net/49gptnad/274/ {{item.name}} 가장 간단한 해결책은 이전 아이콘을 숨기는 것이다. .fade-enter-active { display: n..

Vuex의 getter에 매개 변수를 전달하다 나는 다음과 같은 Vue 구성 요소를 가지고 있다. {{ description(index) }} {{ tagValue(index) }} {{ smtTagMeasureUnits(index) }} 구성요소에 소품으로 들어오는 매개변수 색인이 게터에게 성공적으로 전달되었다. getters: { ... type: (state, getters) => (par) => { return getters.widgetsConfig[par].type }, width: (state, getters) => (par) => { if (getters.widgetsConfig[par].width) { return getters.widgetsConfig[par].width } return ..

Vue.js. v-on:change를 사용하여 b-form-select의 선택된 항목을 얻는 방법에는 아무런 도움이 되지 않는가? 나는 단지 선택한 아이템을 받고 싶다.나는 API 호출에 사용하고 싶다.v-on:change는 아무 것도 하지 않는 것처럼 보이지만, 여기서 해결책은 다음과 같다: https://stackoverflow.com/a/31273611/8743351 사용할 때console.log(this.selected);나는 선택된 값을 기대하지만, 그 대신 나는 정의되지 않는다. 이 문제를 해결하는 방법은 매우 다양하지만 나에게는 아무런 효과가 없었다. -- Select project -- {{ project.id }} {{ project.title }} Export as XML methods..

Vuetify에서 리터럴 값을 사용하지 않도록 설정하는 방법 v-select 구성 요소의 "항목 사용 안 함" 프로펠러를 vuetify에서 사용할 때 문제가 발생함.나는 이것을 문자 그대로 사용하려고 한다. 다음은 이 문제를 재현하는 코드 조각이다. 이 예에서는 "Buzz" 옵션을 비활성화하고자 한다. Vue.use(Vuetify) new Vue({ el: '#app', data: () => ({ items: ['Foo', 'Bar', 'Fizz', 'Buzz'], disabledItems: ['Buzz'], }) }) ... items: ['Foo', 'Bar', 'Fizz', 'Buzz'], disabledItems: ['Buzz'], 나는 이 예에서와 같이 비파생적 키-값 쌍을 사용할 수 있다는 것..

형식 설명을 사용하여 vue.js의 구성 요소에 일반 유형 추가 나는 Vue에 특정 데이터 세트가 있는 구성요소를 가지고 있다.데이터는 항상 인터페이스에 의해 형식에 의해 정의된다.지금은 인터페이스를 사용하여 데이터 유형을 확인하고 있기 때문에 선택한 항목에 대한 정보를 DataTable Component에 보관한다. 내가 원하는 것은 DataTable에 인터페이스를 제공하여 DataTable 자체가 자체 Component에서 선택한 데이터를 책임질 수 있는 방법이다.나는 클래스 스타일의 구성요소를 사용하기 때문에, 예를 들어,export default class DataTable extends Vue {}완벽할 거야이것은 문제가 되지 않지만, 나는 다른 컴포넌트의 컴포넌트를 구현하는 방법을 찾을 수 없..

VueJS 라이프사이클 후크 내에서 데이터를 설정하는 방법 I am trying to use the which. I tryingcreated구성 요소에 데이터 속성을 설정하는 라이프사이클 후크.아래는 나의 단일 파일 컴포넌트다.나는 지금 만나고 있다."TypeError: Cannot read property 'summary' of undefined"이 코드를 실행할 때 콘솔에서.템플릿이forecastData에 명시된 바와 같이data에서 생성된 개체보다 속성created. 제거하면data나는 전적으로 재산이라고 본다.TypeError: Cannot read property 'currently' of undefined확실히, 여기 뭔가 기초적인데 Back to places {{forecastData.cur..

구문 오류: 어휘적으로 바인딩된 이름으로 허용 안 함 vue.js를 사용 중인데 "Uncommitted SynamicError: lete as a lictory bound name" 오류가 발생했어.디버깅하면 빈 화면과 콘솔에 이 오류가 표시된다. 나는 구글 검색을 해봤지만 도움이 되는 것은 아무것도 없었다. 여기 내 Vue 코드: let Task = { props: ['task'], template: ` {{ task.body }} ` }, let Tasks = { components:{ 'task': Task }, data: { return { tasks: [ {id: 1, body: 'Task One', done: false } ], } }, template: ` form ` }, let app =..

Vue.js에서 어레이 정렬 어레이를 v-for 루프에 표시하기 전에 이름 또는 성별을 기준으로 정렬하려면 어떻게 해야 하는가?https://jsfiddle.net/rg50h7hx/ {{ array.name }} // Vue.js v. 2.1.8 var string = new Vue({ el: '#string', data: { arrays: [ { name: 'kano', sex: 'man' }, { name: 'striker', sex: 'man' }, { name: 'sonya', sex: 'woman' }, { name: 'sindell', sex: 'woman' }, { name: 'subzero', sex: 'man' } ] } }) '계산'을 써야 하나, 아니면 뭐?예, 이렇게 하면 다음과 같..

JavaScript에서 모든 개체 속성을 null로 설정하는 방법? 나는 Vue를 사용하고 있는데 갑자기 Vuetify를 사용한 계산된 css 중 일부가 작동하지 않는다. 내가 어떤 사물을 선언하는 방법은 personal_info : {} 그리고 내 템플릿에서, 나는 단지 할 수 있었다.personal_info.name텍스트 입력의 모든 v-모델에 기타 추가. 나는 오류는 없지만 갑자기 그 부시는 라는 수업을 듣는다.input-group--dirty빈 텍스트가 아닐 때마다 텍스트 입력의 레이블이 올라간다.그런데 갑자기 안 되네.다음과 같이 보인다. 보시다시피 텍스트와 라벨이 겹친다. 이 기능이 작동하도록 하는 유일한 방법은 부동산을 null로 설정하는 것이다. personal_info : { name: ..