randomtip

Vue.js의 한도를 초과하는 경우 이름의 일부만 표시 사용자가 로그인하면 메시지를 표시하려고 합니다. 문자수가 8자를 초과하는 경우 이름의 처음 8자 뒤에 ".."?(예: Monalisa..)만 표시하려면 어떻게 해야 합니까? new Vue({ el: '#app', data: { username: 'AVERYLONGGGNAMMEEE' } }); 여기 제 jsfiddle 데모입니다.여기 내 응답 바이올린: ANSWER-DEMO Welcome, {{ username }} Welcome, {{ username.substring(0,8)+".." }} VUE 3 업데이트 필터가 Vue 3에서 제거되었습니다. Vue3의 경우globalProperties여러 구성 요소에서 기능을 사용할 수 있도록 하려면 다음과 ..

Nuxt - 이전 경로를 찾는 방법 사용할 수 있습니다.this.$router.go(-1)사용자를 이전 루트로 리다이렉트합니다.다만, 리다이렉트 하기 전에, 이전의 루트에 관한 정보를 취득하는 방법을 이해할 수 없습니다. 기본적으로 먼저 이전 루트가 무엇이었는지 읽어보고 이전 루트가 같은 도메인에서 온 것임을 확인한 후 그 루트로 리다이렉트하거나 다른 작업을 수행합니다.페이지에서 추가할 수 있습니다.asyncData접근할 수 있는 훅context에 이의를 제기하다.from속성: asyncData({ from }) { console.log(from); } nuxt 컨텍스트에 액세스할 수 있는 nuxt 스태틱 방식에서ex: asyncData or middlewares: asyncData({from}){ //..

클래스 기반 접근 방식을 사용할 때 스토어 액션을 컴포넌트에 매핑하려면 어떻게 해야 합니까? 이것은 나의 것이다vuejs클래스 기반 평가법을 사용하고 있습니다. //template body here 이건 내 거야store/modules/list.js. const state = { items: [] }; const mutations = { setItems(state, items) { state.items = items; } }; const actions = { async fetchItems({ commit }) { const {data} = //Make a request for fetching the items commit('setItems', items); } }; export default { name..

보다 빠릅니까? 이는?if (a > -- >ZF = 0 jz - 0이면 점프합니다. - 0이면 점프합니다.ZF = 1 jg --> - 더 크면 점프 -->ZF = 0 and SF = OF (등) 예(간단히 편집) 컴파일 대상$ gcc -m32 -S -masm=intel test.c if (a = b ; Do something 1 .L2: 그리고. if (a b ; Do something 2 .L5: 그래서 이 둘의 유일한 차이점은jg와 a의 대 ..

memset() return value의 용도는 무엇입니까? memset()반환을 선언하다void*이 값은 함수에 전달된 주소와 항상 같은 값입니다. 반품가치는 무슨 소용입니까?왜 안 돌아와?void?다음과 같은 콜 체인에 사용할 수 있습니다. char a[200]; strcpy(memset(a, 0, 200), "bla"); 시그니처는 다른 모든 유사한 기능과 일치합니다.memcpy(),strcpy()기타. 저는 항상 이것이 이러한 함수에 대한 콜을 체인으로 하거나 표현에 그러한 콜을 사용할 수 있도록 하기 위한 것이라고 생각했습니다. 그렇지만, 나는 수익률을 그렇게 사용하지 않을 수 없는 현실세계의 상황을 본 적이 없다.함수를 다음과 같은 다른 함수의 인수로 사용하려면sprintf나는 어떤 memse..

대화 상자를 열 때 대화 상자 내부의 포커스 텍스트 필드 설정 사용자 지정 텍스트 필드가 있으며 대화 상자를 열 때 해당 필드에 초점을 맞춰야 합니다.vue.js를 사용해서 포커스를 맞추려고 했는데refs: 코드: Open dialog Dialog Set focus Javascript: new Vue({ el: '#app', vuetify: new Vuetify(), data () { return { dialog: false } }, methods: { setFocusName() { this.$refs.name.focus(); }, openDialog() { this.dialog = !this.dialog this.setFocusName() } } }); 대화 상자 버튼을 클릭하여 열 때 텍스트 필드가 ..

Vue 컴포넌트의 소품 어레이가 반응하지 않음 구성 요소 데이터가 포함된 어레이가 있으며 v-for를 사용하여 렌더링해 봅니다. 그래서 문제: component.options에 1개의 요소가 포함된 어레이 프로펠이 있는 경우 다음과 같이 됩니다. tabs: [{tab}] 좋아요, 근데 탭이 2개 이상일 때 이렇게 tabs: [{tab},{tab}] 구성요소는 두 번째 탭에서 변경 사항을 확인하지 않습니다. 그래서 디나믹 키로 풀었다. createKey(component, index) { return JSON.stringify(component) + index } 단, 변경 후 컴포넌트가 다시 활성화되고 컴포넌트 상태가 기본값으로 리셋됩니다. UPD: Vue/Vuex를 사용하는 V-For에 대해 동일한 문..

a++++b가 왜 안 되지? int main () { int a = 5,b = 2; printf("%d",a+++++b); return 0; } 이 코드는, 다음의 에러를 나타냅니다. 오류: l값은 피연산자 증분으로 필요합니다. ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★a++ + ★★★★★★★★★★★★★★★★★」++b정상적으로 동작합니다. int main () { int a = 5,b = 2; printf("%d",a++ + ++b); return 0; } 첫 번째 예에서 오류는 무엇을 의미합니까?printf("%d",a+++++b);라고 (a++)++ + b맥시멈 뭉크! 법칙에 따라. ++는 (postfix)로 lvalue.lvalue. ! 6.4/4는 ..

VueJ - 슬롯과 스코프 슬롯을 자 템플릿의 컴포넌트에 전달 부모 컴포넌트에서 자녀 컴포넌트로 슬롯/스코프 슬롯을 패스하는 방법을 찾고 있습니다.내가 설명해줄게... bootstrap-vue b-table 컴포넌트를 사용하여 데이터 테이블컴포넌트를 만들었습니다.매우 간단한 코드는 다음과 같습니다. 데이터 테이블vue: 필드 정의와 api endpoint 목록을 소품으로 받아 b-table로 전달하면 모든 것이 정상적으로 작동합니다.예를 들어 DataTable의 모든 사용자를 렌더링하는 구성 요소: 사용자 테이블vue: 현재 직면한 문제는 다음과 같습니다. bootstrap-vue 컴포넌트 b-table은 여러 슬롯을 사용합니다.예를 들어 테이블 캡션을 변경하는 슬롯입니다(This is a table c..

vuex 네스트된 모듈을 사용하는 방법 Vuex 문서에서 설명한 바와 같이 프로젝트가 성장하기 시작하면 자체 억제 및 모듈화된 확장 가능한 솔루션으로 상태 관리를 분리할 수 있는 방법이 필요합니다.여기 네임스페이스가 도움이 됩니다.안타깝게도 Vuex 모듈 섹션은 정보를 제공하지 않고 이를 효과적으로 사용하는 예를 제시하지 않습니다. 이것은 나의 스토어 구조입니다. store |- modules |- core |- country.js |- region.js |- ... |- roullout |- site.js |- index.js 여기 모듈 레지스터index.js import Vuex from 'vuex' // Core modules import coreCountry from "@/store/modules..