반응형

vuejs2 272

해결 방법 'Redirect가 CORS 정책에 의해 차단됨:'Access-Control-Allow-Origin' 헤더가 없으십니까?

해결 방법 'Redirect가 CORS 정책에 의해 차단됨:'Access-Control-Allow-Origin' 헤더가 없으십니까? 나는 앱으로 작업을 하고 있다.Vue js내 설정에 따라 나는 변화를 설정할 때 변수에 내 URL을 전달해야 한다. $.get('http://172.16.1.157:8002/firstcolumn/' + c1v + '/' + c1b, function (data) { // some code... }); 그러나 내 앱이 URL을 누르면 다음과 같은 메시지가 표시된다. Failed to load http://172.16.1.157:8002/firstcolumn/2017-03-01/2017-10-26: Redirect from 'http://172.16.1.157:8002/first..

IT이야기 2022.04.26

Vue 2 + 요소 UI + Laravel 5.3 스타터

Vue 2 + 요소 UI + Laravel 5.3 스타터 Laravel 5.3에 요소 UI를 설치한 경험이 있는 사용자 http://element.eleme.io/#/en-US/구성 요소/퀵 스타트 누가 Laravel 5.3에 설치하는 단계를 도와줄 수 있니?나는 npm에 익숙하지 않고 꽤 생소하다.지금까지 내가 한 일은 다음과 같다. npm update vue npm i element-ui -S 꾸러미json { "private": true, "scripts": { "prod": "gulp --production", "dev": "gulp watch" }, "devDependencies": { "babel-plugin-component": "^0.8.0", "bootstrap": "^4.0.0-alph..

IT이야기 2022.04.25

Vue JS: Difference of data() { return {} } vs data:() => ({ })

Vue JS: Difference of data() { return {} } vs data:() => ({ }) I'm curious both of this data function, is there any difference between this two. I usually saw is data () { return { obj } } 그리고 ES6 지방 화살표 (=>)는 내가 일반적으로 사용한 것이다. data:()=>({ obj }) No difference in your specific example, but there is a very important difference between those two notations, specially when it comes to Vue.js: the th..

IT이야기 2022.04.25

여러 파일을 base64 문자열로 변환하는 방법?

여러 파일을 base64 문자열로 변환하는 방법? 나는 이런 구성요소를 가지고 있다. 그리고 선택한 모든 파일을 base64 문자열로 변환하고 싶다. files: [ { selectedFile: 'ajsdgfauywdljasvdajsgvdasdo1u2ydfouayvsdlj2vo8ayasd...' }, { selectedFile: 'askdhgoiydvywdljasvdajsgvdasdo1u2ydfoakjgsfdjagswsd...' }, { selectedFile: '12edashjvlsljasvdajsgvdasdo1u2ydfouayvsdlj2vo8ayfsd...' }, ] 어떻게 하면 그것을 이룰 수 있을까?파일이 도우미 메서드를 호출하더라도 반복할 수 있음toBase64, 모두 푸시Promises배열로 ..

IT이야기 2022.04.25

v-model에 소품 바인딩 시도 중

v-model에 소품 바인딩 시도 중 나는 vuetify.js를 사용하고 애플리케이션 전체에서 재사용할 수 있는 구성요소를 만들려고 한다.비록 그것은 완벽하게 잘 작동하지만, 나는 그것이 올바른 방법인지 확신할 수 없다. 항상 메뉴 옵션이 같지만 UI 요소에서 열 수 있는 내비게이션 드로어 구성요소를 만들고 있다. 아래는 암호다. // 내비게이션 바.부에를 하다 close {{ item.icon }} {{ item.title }} //홈.vue menu 위의 코드에서.. 상위 구성 요소에서는 내비게이션 드로어를 여는 버튼이 있고 내비게이션 드로어의 상태는 "드로어"라는 상위 구성 요소에서 유지된다.그런 다음, "드로어"를 하위 구성요소에 대한 소품으로 전달하고 하위 구성요소에서 "emitToggleDra..

IT이야기 2022.04.25

Vue.js 2 - vue-youtube가 포함된 비디오 종료 상태 탐지 방법?

Vue.js 2 - vue-youtube가 포함된 비디오 종료 상태 탐지 방법? 나는 vuejs 컴포넌트에 있는 유튜브 API를 사용하기 위해 vue-youtube-embed를 사용하고 있다. 내 암호는 다음과 같다. 및 html: 종료된() 방법이 트리거되지 않고 그 이유를 잘 모르겠다. ready() 메서드가 잘 작동하는데 console.log가 종료() 메서드에서 트리거되지 않는 이유를 모르겠다. 나는 그것을 어떻게 하는지에 대한 문서들에서 예를 볼 수 없다.저자는 나에게 예를 하나 썼고, 나는 이것을 따라 그것을 작동시켰다: https://github.com/kaorun343/vue-youtube-embed/blob/master/play/Events.vue참조URL: https://stackove..

IT이야기 2022.04.25

Vue JS에서 v-for를 사용하여 구성 요소에 대한 소품 설정

Vue JS에서 v-for를 사용하여 구성 요소에 대한 소품 설정 나는 전화 카드를 가지고 있다.소품을 전달하려는 vue 구성 요소. {{ cardData.phone_number }} {{ cardData.username }} export default { props: ['userData'], components: { }, data() { return { cardData: {} } }, methods: { setCardData() { this.cardData = this.userData; console.log(this.cardData); } }, watch: { userData() { this.setCardData(); } } } 구성요소는 userData의 속성을 수신하고, 이 속성은 구성요소의 car..

IT이야기 2022.04.25

확인란 및 드래그 드롭이 있는 트리 구현

확인란 및 드래그 드롭이 있는 트리 구현 나는 체크박스와 드래그 앤 드롭이 있는 Vue에서 트리 뷰를 구현하려고 한다.그러나 나는 어디서부터 시작해야 할지 모르겠다. 확인란을 구현했지만 부모가 모든 자식을 선택하도록 선택되었을 때, 그리고 모든 자식을 선택하여 부모를 선택했을 때 지원을 추가하는 방법을 모르겠다. 또한 나는 드래그 앤 드롭에 문제가 있어, 나는 vue-draggable을 불러보았지만 어떻게 구현해야 할지 모르겠어. 내가 구현하려고 하는 것은 다음과 같은 것이다. https://ej2.syncfusion.com/vue/documentation/treeview/check-box/ 여기 나의 샌드박스가 있는데, 내가 가까스로 구현한 것은 다음과 같다. https://codesandbox.io/..

IT이야기 2022.04.25

구성 요소 내부에 카운트업 애니메이션을 추가하는 방법

구성 요소 내부에 카운트업 애니메이션을 추가하는 방법 나는 두 팀의 점수를 보여주는 간단한 구성 요소를 가진 Vue2 프로젝트를 가지고 있다.이 구성요소는 현재 점수와 마지막 경기의 점수를 소품으로 취할 수 있다(두 수치는 항상 양의 정수임).그래서 이전의 점수를 계산하는 것은 쉽다.현재 점수를 직접 표시하는 대신 카운트업 애니메이션을 추가하고 싶다. 지금까지 내가 가지고 있는 것은 이것이다. {{ firstTeamCounterValue }} - {{ secondTeamCounterValue }} 응용 프로그램을 실행할 때 나는 초기 점수를 통과한다.나중에 소품이 변한다.불행히도 아무 일도 일어나지 않는다.count up animation count up animation. 누가 어떻게 하면 될 지 알아..

IT이야기 2022.04.25

VueJs에서 지정된 명명된 슬롯에 어린이를 렌더링하는 방법

VueJs에서 지정된 명명된 슬롯에 어린이를 렌더링하는 방법 아래 코드를 참조하십시오. 현재 모든 하위 항목은 슬롯 이름이 지정되어 있음에도 불구하고 기본 슬롯 안에 렌더링되어 있다. vue createElement 함수가 명명된 슬롯을 지원하는지 확실하지 않으십니까? @Component({ props:[] }) export class TestComponent extends Widget{ items:any[]; render(h:any){ const rootcmp = { template:` Temp: Default: ` , data:()=>{ return {}; } } const cmp = { template:'This is child' , data:()=>{ return {}; } } const cmp2..

IT이야기 2022.04.24
반응형