반응형

분류 전체보기 1486

Vue.js에서 optgroup select 라벨을 설정하는 방법

Vue.js에서 optgroup select 라벨을 설정하는 방법 Vue에서 엄선된 그룹을 만들려고 합니다. 바이올린: https://jsfiddle.net/Tropicalista/vwjxc5dq/ 저도 해봤어요. {{ sub.text }} 데이터: data: { selected: 'A', options: { First: [ { text: 'One', value: 'A' }, { text: 'Two', value: 'B' } ], Second: [ { text: 'Three', value: 'C' } ] } } 바인드하고 있습니다.label의 탓으로 돌리다option(어레이).원하는 것은 오브젝트 키에 바인드하는 것입니다. 에서 두 번째 파라미터를 지정하면 각 옵션의 키를 얻을 수 있습니다.v-for지시..

itsource 2022.08.14

구성 요소 방법 재정의

구성 요소 방법 재정의 vue용 구글 차트 플러그인인 VueCharts를 사용하고 있습니다. 새로운 머티리얼 디자인을 차트에 넣으려고 합니다."google.charts"를 통과하려고 했습니다.막대"를 차트 형식의 소품으로 사용했고 효과가 있었습니다.그러나 대부분의 옵션은 무시됩니다. 왜냐하면 구글 차트 문서에 기술된 바와 같이 옵션 객체는 다음을 사용하여 변환되어야 하기 때문입니다.google.charts.Bar.convertOptions(options), 플러그인이 할 수 없는 것. 소스를 보면 플러그인은 'vue-chart' 구성 요소를 설치합니다.이 컴포넌트는ChartWrapper다음과 같이 차트 라이브러리 로드를 처리합니다. methods: { buildWrapper (chartType, data..

itsource 2022.08.14

보통 | over | 를 사용하는 이유는 무엇입니까?뭐가 다른데?

보통 | over | 를 사용하는 이유는 무엇입니까?뭐가 다른데? OR을 입니다.||가 아닌 OR간|둘 다 잘 되고 있지만요. 제 말은, 다음을 보세요. if(true | true) // pass if(true | false) // pass if(false | true) // pass if(false | false) // no pass if(true || true) // pass if(true || false) // pass if(false || true) // pass if(false || false) // no pass ''는 쓸 수 요?||| 거랑 같은 랑 같은 거랑 같은 거랑& ★★★★★★★★★★★★★★★★★」&&.「 」를하고 있는 는,|| ★★★★★★★★★★★★★★★★★」&&이 을 참조해당 폼은..

itsource 2022.08.14

단방향 및 양방향 JPA 및 휴지 상태 연결의 차이점은 무엇입니까?

단방향 및 양방향 JPA 및 휴지 상태 연결의 차이점은 무엇입니까? 단방향 어소시에이션과 양방향 어소시에이션의 차이점은 무엇입니까? db에서 생성된 테이블은 모두 같기 때문에 내가 발견한 유일한 차이점은 쌍방향 어소시에이션의 양쪽이 서로 참조하고 단방향은 참조하지 않는다는 것이다. 이것은 단방향 어소시에이션입니다. public class User { private int id; private String name; @ManyToOne @JoinColumn( name = "groupId") private Group group; } public class Group { private int id; private String name; } 쌍방향 어소시에이션 public class User { private ..

itsource 2022.08.14

vs omp simd의 병렬: 각각 언제 사용합니까?

vs omp simd의 병렬: 각각 언제 사용합니까? OpenMP 4.0은 "omp simd"라는 새로운 구조를 도입했습니다.기존 "병렬"에 비해 이 구조를 사용하면 어떤 이점이 있습니까?둘 다 언제가 더 나은 선택이 될까요? 편집: 여기 SIMD 지침과 관련된 흥미로운 문서가 있습니다.간단한 답변: OpenMP는 여러 코어의 여러 스레드를 이용하기 위해서만 사용됩니다.이 새것simd확장 기능을 사용하면 인텔의 AVX/SSE나 ARM의 NEON 등 최신 CPU에서 SIMD 명령을 명시적으로 사용할 수 있습니다. (SIMD 명령은 설계상 단일 스레드와 단일 코어로 실행됩니다.그러나 GPGPU의 경우 SIMD의 의미는 상당히 확대될 수 있지만 OpenMP 4.0의 경우 GPGPU를 고려할 필요는 없다고 생각..

itsource 2022.08.14

Vue js의 인스턴스 외부에서 데이터에 액세스하는 방법이중 값을 소수점 2자리로 포맷하는 가장 좋은 방법

Vue js의 인스턴스 외부에서 데이터에 액세스하는 방법 다음과 같이 인스턴스 외부에서 VM 데이터에 액세스하고 싶습니다. 마이 컴포넌트표시하다 export default { data() { return { name: 'Joe' }; } } main.discloss.main.discloss. var vm = new Vue({ el: '#app', render: h => h(myComponent) }); 바람직한 결과 console.log(vm.name); // should return - Joe 어떤 이유로 콘솔 반환이 정의되지 않았습니다.내가 뭘 잘못하고 있지?내부에서 vue.js 객체 데이터에 액세스하려면 $property_name을 사용합니다.예 var vm = new Vue({ el: '#app'..

itsource 2022.08.14

const와 const volatile의 차이

const와 const volatile의 차이 변수를 다음과 같이 선언하면volatile새로운 값이 갱신될 때마다 변수를 다음과 같이 선언하면const그러면 해당 변수의 값은 변경되지 않습니다. 그리고나서const volatile int temp; 변수를 선언하는 것이 무슨 소용입니까?temp위와 같이요? 라고 선언하면 어떻게 됩니까?const int temp?마크가 붙은 오브젝트const volatile코드에 의한 변경이 허가되지 않습니다(이 때문에 에러가 발생합니다).const한정자) - 적어도 그 특정 이름 또는 이름을 사용합니다. 그volatile한정자의 일부는 컴파일러가 오브젝트에 대한 접근을 최적화하거나 순서를 변경할 수 없음을 의미합니다. 임베디드 시스템에서는 일반적으로 하드웨어 레지스터에 ..

itsource 2022.07.21

사전 로드된 상태의 사용자 지정 nuxt 500 오류 페이지

사전 로드된 상태의 사용자 지정 nuxt 500 오류 페이지 환경: Nuxt.js(SSR을 사용하는 Vue/Vuex/Node 프레임워크). 사용자에게 내부 서버 오류가 발생하면 404 오류에 대해 이미 사용하고 있는 템플릿과 유사한 커스텀 Vue 템플릿을 사용합니다. Nuxt 소스를 보면 커스텀500 페이지를 추가하는 유일한 방법은 기본값을 덮어쓰는 것입니다..nuxt/views/error.html커스텀 에러 페이지를 표시합니다. 단, 사용자가 앱을 다시 시작하기 위해 클릭해야 하는 정적 HTML 페이지는 원하지 않습니다.Nuxt 앱에 '500 error' 상태가 미리 로딩되어 있으면 좋겠습니다. Nuxt 문서에서는 이것을 어떻게 달성해야 하는지 모르겠다.조언 좀 해주시겠어요? 이미 시도해 본 것: 리다..

itsource 2022.07.21

VueJ는 데이터를 개체로 가져옵니다.

VueJ는 데이터를 개체로 가져옵니다. VueJS 컴포넌트는 다음과 같습니다. click me 액세스 하고 싶다data에서log(선언문처럼) 개체로 가져옵니다.다음과 같은 데이터를 얻을 수 있습니다. log() { console.log( this.a ); console.log( this.b ); console.log( this.foo ); } 그러나 원하는 것은 전체 데이터를 개체로 만드는 것입니다(이벤트를 통해 상위 구성요소로 데이터를 보내고 싶기 때문입니다). 컴포넌트 메서드 내에서 데이터 객체 전체를 취득할 수 있는 방법이 있습니까?다음을 사용하여 현재 구성 요소의 데이터 개체에 액세스할 수 있습니다.this.$data. 레퍼런스: 링크 따라서 로그 기능은 다음과 같습니다. log() { conso..

itsource 2022.07.21

어레이의 개체를 변경하고 반응성을 트리거합니다.

어레이의 개체를 변경하고 반응성을 트리거합니다. 배열에서 인덱스로 발견된 개체의 일부를 변경할 때 업데이트를 트리거하려면 어떻게 해야 합니까? 문서에서는 배열 값을 변경하는 방법을 보여 줍니다. Vue.set(example1.items, indexOfItem, newValue) 또는 example1.items.splice(indexOfItem, 1, newValue) 그러나 개체의 나머지 부분을 변경하지 않고 배열에 있는 개체의 속성 값을 변경하려면 어떻게 해야 합니까? 다음은 속성을 업데이트하기 위해 작동하지만 Vue는 다른 항목이 업데이트를 트리거할 때까지 변경에 응답하지 않습니다. example1.items[indexOfItem].some_object_property = false 어레이 요소의 하..

itsource 2022.07.21
반응형