c10106

v-select에 원시 html 표시 내 질문은 쉬운 것 같지만, 이것을 알아낼 수가 없었다. 나는 이것을 가지고 있다. which just shows me select and its options. common.users.properties는 다음과 같은 것이다. [ { value:".25",text:"¼ hour" }, { value:".5",text:"½ hour" }, ] 나쁜 점은 VSelector가 fraction html로 변형시키지 않고 보시다시피 나에게 &#188과 &#189를 보여준다는 것이다.https://www.codetable.net/decimal/188 일반 &#188 없이 vselect 옵션의 일부분을 표시하는 방법오버라이드item그리고selection슬롯 및 사용v-html...

vuex mapState 내의 vue 메서드에 액세스 vuex mapState 내에서 데이터를 계산하는 동안 나는 중요한 작업을 수행해야 한다.나는 이 방법을 vue 메소드라고 불러야 한다.countAlerts데이터가 변경될 때마다 계산된 속성이 해당 방법을 호출해야 하지만thisInsight vuex mapState를 사용할 때 스코프에는 vue 메서드가 없다. export default { name: "Alerts", methods: { countAlerts(data, period) { /// DO SOMETHING, THEN RETURN DATA return data; } }, computed: { ...mapState({ foundation: state => state.insights.founda..

Vuex 및 FIrebase를 사용하여 여러 이미지를 저장하십시오.(이미지가 업로드될 때까지 대기) 이 질문은 이미 다음과 같은 해답을 가지고 있다. 여러 이미지를 Firebase Storage에 업로드하고 여러 다운로드를 반환하는 방법URL (1개 답변) 닫힌2년 전. 여러 개의 이미지를 소방서에 업로드할 수 있는 해결책이 있어핸드폰에 잘 어울리는 부에크로파 플러그인에서 이미지를 얻는다.모든 이미지에 대해 BLOB 파일을 생성한다.그리고 나서 나는 그것들을 소방 저장소에 업로드하고, 데이터베이스의 객체 안에 넣은 URL을 받는다.(이것은 등록도구를 위한 프로젝트 입니다. Vuex 코드(JS): createTool ({ commit }, payload) { let toolData = { croppas: ..

SASS가 포함된 Webpack-simple + vue-cli - 컴파일할 수 없는가? 기본 CLI 설정을 사용하여 vue-cli 및 webpack-simple로 간단한 프로젝트를 설정하고 SASS 사용 여부를 묻는 질문에 'Y'가 선택되었는지 확인하십시오. 첫째, 폴더 구조 사진: 나는 에 파일을 만들었다../src/scss디렉터리를 만들고 파일에 다음과 같은 간단한 scss 구문을 추가했다. $primary-color: rgb(173, 16, 16); 그리고 나서, 내 App.vue 템플릿에는 다음과 같은 내용이 있다. main.js 파일에서 main.scss 파일을 다음과 같이 가져오도록 했다. import './scss/main.scss' 실행할 때npm run dev, 다음과 같은 컴파일 오류를..

vue 클래스 구성 요소에서 $bvToast에 액세스하는 방법 나는 vue.js를 처음 접하지만 몇 가지를 알아낼 수 있었다.나는 보통 j로 시작했지만 지금은 class style vue 컴포넌트가 있는 typecript로 바꾸었다.구성 요소 스타일링에는 bootstrap-vue를 사용한다. main.ts 파일로 나는 bootstrap과 vuex store를 가져왔다. ... import BootstrapVue from 'bootstrap-vue' //use custom bootstrap styling import '../src/bootstrap/bootstrap.css' import 'bootstrap-vue/dist/bootstrap-vue.css' Vue.use(BootstrapVue) ...//s..

VueJ를 사용하여 숫자 입력을 방지하는 방법s 사용자가 텍스트 상자에 숫자 입력을 입력하지 못하도록 하는 유효성 검사를 만들어야 한다.나는 네이티브 자바스크립트를 사용하여 해결책을 찾았지만 내 쪽에서 효과가 없다. 내 텍스트 상자에는 이 트리거가 있다. v-on:keyup="preventNumericInput($event)"> 그리고 나의 부에 나는 우리 반에 함수를 만들었다. preventNumericInput($event) { console.log($event.keyCode); //will display the keyCode value console.log($event.key); //will show the key value var keyCode = ($event.keyCode ? $event.ke..

Vue, firestore: 컬렉션을 병합한 후 라이브 데이터를 표시하는 방법 아래 편집 참조 지난번 질문보다 많이 나아졌지만, 며칠 일을 하고 나니 또 막힌다. Gogles Could Firestore의 데이터에 Vue, Vue-router, Vuex 및 Vuetify 사용 내 데이터를 라이브로 업데이트하고 싶지만, 이 방법을 찾을 수가 없어.상품과 카테고리를 하나의 컬렉션으로 옮기는 것과 같은 구조조정이 필요한가?아니면 이 일을 성사시키기 위한 어떤 바인딩이나 질의 마법이 있는가?아래에서도 볼 수 있듯이, 클릭으로 데이터를 꽤 잘 로딩하지만, 나는 라이브 바인딩이 필요하다. 왜냐하면 당신은 페이지를 열 수 있고 누군가 마지막 조각을 팔 수 있기 때문이다. (Left = 0). (그리고 많은 미래 아이..

부분 불투명도 전환 나는 팝업과 오버레이를 활성화하기 위해 여기 안내서를 따라가고 있다.나는 최종 불투명도가 0.5인 오버레이가 필요하지만 Vue는 마지막에 1로 설정했다.나는 이런 것을 시도했지만, Vue는 불투명도를 0.5로 애니메이션화했고, 애니메이션이 끝날 때 갑자기 1로 바꾸었다. .fade-enter { opacity: 0; } .fade-enter-active { transition: opacity 2s; } .fade-enter-to { opacity: 0.5; } 여기 이 문제를 설명하는 테스트가 있다. https://jsfiddle.net/50wL7mdz/58865/ 갱신하다 워킹 솔루션 https://jsfiddle.net/50wL7mdz/58877/은 페이드 클래스에 최종 불투명도를..

vue Fullcalendar eventRender, vue 구성 요소 추가 나는 풀칼렌더를 사용한다.이오 vue증축의 그리고 액션을 추가하기 위해 이벤트 렌더에 연결하려고 하는데, 이벤트 콜백에는 JS 요소만 들어 있어. 주입하는 방법이 있다.vue그 안에 구성 요소가 있는가? JS import FullCalendar from '@fullcalendar/vue' import dayGridPlugin from '@fullcalendar/daygrid' import interactionPlugin from '@fullcalendar/interaction'; export default { components: { FullCalendar }, data () { return { loader: false, cal..

Vue.js - 데이터를 가져오는 데 사용해야 하는 구성 요소 수명 주기를 선택하십시오. Alligator.io 중 하나를 읽은 후, 마운트된 라이프사이클은 http get을 사용하기에 좋지 않은 장소라고 말하고 있던 Vue에 대해 글을 올렸다.Vue.js에서 API에서 데이터를 어떻게 적절하게 얻을 수 있는지 가이드라인이 있는지 궁금하다."call API in created hook을 선호한다.악어로부터 인용하다.io: 생성된 후크에서 반응형 데이터에 액세스할 수 있으며 이벤트가 활성 상태임.템플릿과 가상 DOM은 아직 마운트되거나 렌더링되지 않았다. 따라서 필요에 따라 데이터를 쉽게 액세스하여 서버의 응답을 구문 분석하고 저장할 수 있다. 안부 전해요그created()라이프사이클 후크는 API 데이터..