c10106

선택 항목을 사용할 때 문자열이 아닌 부울을 반환하는 방법 나 이거 있어.- Allow Multiple Yes No 나는 설정했다.allowMultiple=true초기화할 때, 아니오를 선택하면allowMultiple='false'그럼 이제 부울이 아니라 스트링?어떻게 하면 부울이 될 수 있을까?HTML에서 태그에 속성 값을 설정하면 값은 기본 유형--string.그래서 vue를 사용할 수 있다.v-model예를 들어 부울, 숫자 등 다른 유형 값에 바인딩하십시오.다음 코드가 작동하면 원하는 결과가 나타남 new Vue({ el:'#app', data: { allowMultiple: false }, methods: { print: function () { alert(this.allowMultiple); ..

깃털 아이콘 사용량(Vue).JS 나는 새로운 vue 프로젝트에 페더리콘을 사용하려고 노력해왔다.나는 처음에 vue-clie 도구를 사용하여 프로젝트를 초기화했다. vue init webpack 일단 일이 끝나면, 나는 달려왔다. npm install npm run dev 그 후 나는 다음과 같이 npm을 통해 페더아이콘을 설치했다. npm install --save feather-icons 완료되면 main.js 파일에 있는 모듈을 가져와 아이콘을 사용해 보았다. main.js: import 'feather-icons' import Vue from 'vue' import App from './App' import router from './router' Vue.config.productionTip = ..

웹 팩/npm/연실이 없는 Vue 구성 요소 나는 vue-cli를 통해 구성 요소를 가져오는 것이 매우 간단하다는 것을 안다.그러나 vue-cli를 사용하지 않는 vue 프로젝트에 구성 요소를 가져올 수 있는가? 예를 들어, 내 index.html은 다음과 같이 보일 것이다. Test Button 그리고 내 앱.js: import { Btn } from 'mdbvue' new Vue({ el: '#vue-app', components: { Btn }, data: { } } 만약 그것이 나의 예처럼 간단하지 않다면, npm이나 실을 사용하지 않고 이것을 어떻게 작동시키는지 알아낼 수 있는 자습서가 어디 있는가? 고마워요.늦을지도 모르지만 나는 늦는 것보다 늦게 믿는 게 낫다고 생각해!! 나는 빌드 툴이 다..

vue에서 구성 요소를 동적으로 로드하는 방법 {{stop}} 나는 두 가지 구성요소를 가지고 있다.direct_bus_travel_time_in_between_stops&direct_bus_travel_distance_in_between_stops다음에 싣다{{stop}}완전히 처형되었다. 기능 내부에 구성요소를 동적으로 추가하여 로딩하고자 할 때 로딩할 수 있는 방법이 있는가?난 네가 메타 데이터를 사용할 수 있다고 생각해.component전달된 해당 구성 요소를 비동기식으로 로드하는 태그is기여하다 암호는 다음과 같다. 이 태그에 어떤 조건으로 로드되는지 기능/이벤트를 추가할 수 있다.이 링크가 도움이 될 것 같다 - 동적으로 사용할 바인딩 컴포넌트에 대해 설명하는 https://vuejs.org/..

프로젝트를 Vue2에서 Vue3로 업그레이드하는 가장 좋은 방법 프로젝트를 다음으로 업그레이드하고 싶다.vue3 이것은 a이다.symfonyvue를 전면의 독립 구성 요소로 사용하는 애플리케이션 나는 이전에 대대적인 업그레이드를 해본 적이 없고, 가장 좋은 절차가 무엇인지 잘 모르겠다. 제거해야 하는가vue2그런 다음 설치하다vue3? 설치만 하면 된다.vue3? 그냥 수정해야 할까?package.json직접적으로? "dependencies": { "axios": "^0.20.0", "elm-pep": "^1.0.6", "moment": "^2.27.0", "postcss-loader": "^3.0.0", "raw-loader": "^4.0.1", "svg-url-loader": "^6.0.0", "to..

타사 라이브러리에서 vue.js 구성 요소 확장 요소-ui의 구성 요소 ElDatepicker를 사용하고 있는데 템플릿과 이벤트 핸들러 방법을 변경하고 싶다.단일 파일 구성 요소로 이와 같은 작업을 수행하려고 함: import Vue from 'vue'; import ElDatePicker from 'element-datepicker' Vue.use(ElDatePicker) var dpkr = Vue.component('ElDatePicker') console.log(dpkr) export default { extends: ['ElDatePicker'] } 하지만 그것은 효과가 없다.어떻게 하면 바꿀 수 있을까? https://github.com/ElemeFE/element/tree/dev/package..

Vue 글로벌 css 자체 덮어쓰기를 여러 번 방지하는 방법 내 vue 프로젝트에서 나는 리셋 파일 등과 같이 세계적으로 정의된 css를 가지고 있다.내 vue.config에서 다음을 사용하여 이 css를 로드한다. css: { loaderOptions: { sass: { data: ` @import "@/assets/styles/styles.scss"; `, }, }, }, 내가 브라우저 스타일을 보면 css가 스스로 50번 이상 덮어쓰는 것처럼 보인다. 나는 무엇이 이 행동을 유발하는지 궁금하다.vue.config.js에는 변수, 혼합물, 함수만 입력하십시오. module.exports = { css: { loaderOptions: { sass: { data: ` @import "@/assets/sa..

vue 구성 요소에서 스타일을 사용하는 가장 좋은 방법은? 프로젝트를 만들기 위해 vue cli를 사용하지만 스타일에 '오류'가 있다. 나는 단지 3열 20vh 50vh 30vh의 구성 요소를 테스트한다. 1 2 3 그리고 내 앱도.부에를 하다 *{padding: 0; margin: 0; box-sizing: border-box;} 이런 스타일(필요한 스타일)을 얻었다. 하지만 페이지를 새로 고치면 스타일을 구울 수 있는 화이트 스페이스가 생기고, 다시 불러오면 좋아보이고, 새로 고치면 같은 화이트 스페이스가 생긴다면 왜 그럴까? 이 속성을 주입한 개발자 도구에서 확인했을 때, 물론 내가 삽입한 것이 아닌 여백에 대한 이 행동을 확인했을 때, 나는 이것이 그것을 vue로 만든 행동이라고 생각한다, 어쩌면..

문자열을 구성 요소로 교체하는 방법(vue)하는 방법 나는 다음을 포함하는 끈을 가지고 있다.###배열 값으로 대체한다이제 컴포넌트를 사용해서 컴포넌트를 만들었는데 어떻게 사용하는지 모르겠어.줄이 어떻게 될지 모르기 때문에 수동으로 포장하고 싶지 않고 여러 개가 들어갈 수 있다.###. 만약 2개라면.###옵션에는 2개의 하위 Array가 있다. 그것을 하는 더 좋은 방법은 무엇인가? 코드: https://jsfiddle.net/tsobh4nu/ Vue.component('opt', { template: ` {{str + " / "}} `, props:{options: Array} }) new Vue({ el: '#app', data: { str: "I have ### and you have a ###...

배열 뷰에서 항목을 제거한다. 나는 앱 다음 작업 목록을 가지고 있습니다.나는 a을 이행하려고 노력합니다delete기능을 발휘하다저는 제가 내가 쓸 필요가 있어요.splice는에서 항목을 제거하려면.array하지만 어떻게 나는, 단추 나는 클릭만 품목을 대상으로 하고 있니? https://jsfiddle.net/clintongreen/txtrage5/1/ JS new Vue({ el: '#tasks', data: { message: 'Tasks', completed: null, newTaskName: '', tasklist: [ { description: 'Read', completed: true }, { description: 'Write', completed: true }, { description:..