반응형

vuejs2 272

공리와 함께 부울을 반환하는 방법

공리와 함께 부울을 반환하는 방법 VueJS에서 나는 공리가 있는 부울을 반환하려고 한다. allContactsSaved() { let promise = axios.get('/contacts'); console.log(promise.then(function (response) { response.data.data.forEach(function(contact) { if (!contact.saved) { return false; } }); return true; })); } 콘솔.log가 막 반환되는 중 약속 {[PromiseStatus]:"pending", [[PromiseValue]]: 정의되지 않음} 하지만 나는 그 대가로 진실과 거짓 중 하나를 원한다.문제는 VueJS도 아니고 Axios도 아니고....

IT이야기 2022.04.18

highcharts-more.js는 vue-cli 프로젝트에서 작동하지 않음

highcharts-more.js는 vue-cli 프로젝트에서 작동하지 않음 이번 몇 주 동안 나는 부에-cli 프로젝트를 하고 있고 나는 이와 같은 극지방도를 만들려고 한다. https://www.highcharts.com/demo/polar-spider 이 차트는 하이차트 이상의 파일이 필요하기 때문에, 나는 highcharts와 highchart-more 라이브러리를 npm을 이용하여 설치하고 수입한다.그러나 두 파일을 모두 가져온 후 크롬 콘솔에 다음 오류가 발생하여 하이차트를 로드할 수 없다.오류 highcharts-more.js?7b43:8 Uncaught TypeError: p is not a function at eval (eval at (app.js:874), :8:212) at eval..

IT이야기 2022.04.18

Vue JS SPA에서 그래프 이미지를 여는 방법

Vue JS SPA에서 그래프 이미지를 여는 방법 내 VueJS 싱글 페이지 응용 프로그램에 열린 그래프 이미지를 포함하려고 해. https://developers.facebook.com/tools/debug/ 다음 링크 미리 보기를 제공하십시오. 모든 루트가 동일한 이미지를 반환하려면 페이지 상단에 열려 있는 그래프 메타 태그를 걸면 될 것 같은데, 다른 페이지가 다른 이미지를 표시했으면 좋겠어. 나는 https://github.com/declandewet/vue-meta과 https://github.com/ktquez/vue-head,을 시도해 보았지만, 아마도 그들은 페이지가 로드된 후에 JS를 통해 메타 태그를 주입하기 때문에 도움이 되지 않는 것 같다. Nuxt나 Vue SSR과 미리 렌더링하는..

IT이야기 2022.04.18

동적 DOM 요소 - Vue를 사용하여 추가/제거

동적 DOM 요소 - Vue를 사용하여 추가/제거 나는 Vue.js를 배우기 시작했는데, 네가 어떻게 이 일을 Vue.js에서 할 수 있는지 알 수가 없어. 내가 jQuery로 한 것처럼 말이야. jQuery Item Quantity X Add Row .js // jQuery $(document).on('click', '#addRow', function(){ var row = parseInt($('#t1 tr:last-child').attr('id')) + 1; alert(row); $('#t1').append('X'); }); $(document).on('click', '.deleteRow', function(){ var row = parseInt($(this).closest('tr').attr('id..

IT이야기 2022.04.18

Vuejs 모듈 없음 오류 웹 팩을 사용하여 '@/구성 요소/ 오류를 해결할 수 없음

Vuejs 모듈 없음 오류 웹 팩을 사용하여 '@/구성 요소/ 오류를 해결할 수 없음 나는 이것에 대한 해답을 찾을 수 없다. 분명히 그것은 웹팩 구성과 관련이 있다. 내가 전혀 알지 못하는 것이다. 웹 팩-단순 템플릿 실행 @/구성 요소/를 실행하는 다음 방법을 앱 디렉토리에 사용하고 싶지만, 내게는 오류만 발생함 모듈을 찾을 수 없음 오류 '@/message/ 오류'를 해결할 수 없음 내가 읽은 내용 중에 웹팩 구성에서 이 작업을 하기 위해 설정해야 할 것이 있는데, 그게 뭔지 모르겠는데, 누가 좀 도와주시겠습니까? 지금 나는 이것을 개발 서버에서 시도하고 있지만 분명히 그것이 또한 생산에서 실패하게 만들기를 간절히 원한다. 나는 내가 하고 싶은 일을 한다고 생각하지만, 내가 이 웹팩을 전에 사용하지..

IT이야기 2022.04.17

Vue를 통해 모듈식 수입 확대

Vue를 통해 모듈식 수입 확대 이것은 아마도 Vue에게 특정되지 않은 "JavaScript" 질문일 것이다.나는 별칭으로 특정 모듈을 수입하려고 하는데 그게 안 될 것 같아.나의 특정한 문제는 AWS Amplify와 Vue가 있는 모듈식 수입품을 사용하려고 시도하는 것을 아래와 같이 보여준다.다음은 Vue 인스턴스를 생성하는 "비모델" 버전이다. import Amplify, * as AmplifyModules from 'aws-amplify' import { AmplifyPlugin } from 'aws-amplify-vue' import aws_exports from './aws-exports'; Amplify.configure(aws_exports) Vue.use(AmplifyPlugin, Ampl..

IT이야기 2022.04.17

Vue.createApp이 작동하지 않지만 새 Vue() 방법으로 작동 중임

Vue.createApp이 작동하지 않지만 새 Vue() 방법으로 작동 중임 나는 이 오류를 받고 있다.tesyya.js:16 Uncaught TypeError: Vue.createApp is not a functionmycode는 다음과 같다: const app = Vue.createApp({ data() { return { count: 4 } } }) const vm = app.mount('#app') console.log(vm.count) this might be challenging for you {{goal}} 제발 내 실수를 좀 봐줘 난 초보자야그createApp방법은 Vue 3을 위한 것이며, 오류는 Vue 2를 사용 중임을 나타낸다. 다음은 Vue 2와 Vue 3의 구문이 올바른 동등한 예..

IT이야기 2022.04.17

Vuejs에서 어레이를 필터링할 때 문제가 발생하시겠습니까?

Vuejs에서 어레이를 필터링할 때 문제가 발생하시겠습니까? data() { return { searchString: '', sortKey: 'name', checked: false, Item, items: [{ price: '1', name: 'mm' }, ], computed: { computedItems() { return this.items.map((item, index) => { item.key = `item_${index}` return item }) }, index: function() { let searchString = this.searchString let itemsClone = [...this.items] // Change added const sortedArray = itemsClo..

IT이야기 2022.04.17

Vue.js에서 필요한 입력이 하위 구성 요소에서 자동으로 유효성 검사를 트리거하는 이유는?

Vue.js에서 필요한 입력이 하위 구성 요소에서 자동으로 유효성 검사를 트리거하는 이유는? 하위 구성요소에 필요한 입력이 있을 때 유효한 기본값이 없는 입력이 사용자 작업이 수행되지 않았음에도 불구하고 렌더에서 자동으로 잘못된 입력으로 강조 표시된다는 것을 알았다.예상되는 동작은 잘못된 제출 시도가 발생할 때까지 이러한 양식 입력이 강조 표시되지 않는 것이다. 이러한 필수 입력이 루트 Vue 인스턴스에 있는 경우에는 이 문제가 존재하지 않는다. 정확히 왜 이런 일이 일어나는 거지?이것이 버그인가, 아니면 (타사 입력 구성 요소와는 별개로) 내가 간신히 간과해 온 문서화된 해결책이 있는가? 아래는 문제를 증명하는 최소한의 예다. Vue.component('my-form-component', { templ..

IT이야기 2022.04.17

Vue.js - 구성 요소에서 계산된 속성 다시 계산

Vue.js - 구성 요소에서 계산된 속성 다시 계산 나는 이 문제를 직답을 찾지 못한 채 많이 찾아보았다.창 높이에 따라 달라지는 계산된 속성이 있어서 창 크기가 조정될 때마다 다시 계산해야 해.사용 시도 중$forceUpdate()부품과는 잘 안 맞는 것 같아.다음은 내 구성 요소: Vue.component('trades-component', { mixins: [tradingMixin], created: function() { var that = this; // recompute visible trades if window resized $( window ).on( "resize", function() { that.$forceUpdate(); }); $( window ).resize(); }, com..

IT이야기 2022.04.17
반응형