Vue & Wijmo의 quickstart를 시도하십시오.
Vue & Wijmo 퀵 스타트【2019년판】
미들웨어
버전
Mac OS X
10.15.4
nodebrew
1.0.1
npm
6.14.4
npm install -g @vue/cli
vue create quickstart
cd quickstart
npm install wijmo
vim src/App.vue
<template>
<div id="app">
<wj-flex-grid :itemsSource="gridData">
<wj-flex-grid-column header="ID" binding="id" :width="60"></wj-flex-grid-column>
<wj-flex-grid-column header="商品名" binding="product" :width="200"></wj-flex-grid-column>
<wj-flex-grid-column header="受注日" binding="date" :width="120"></wj-flex-grid-column>
<wj-flex-grid-column header="金額" binding="amount" :width="100" format="c"></wj-flex-grid-column>
</wj-flex-grid>
</div>
</template>
<script>
import 'wijmo/wijmo.vue2.grid';
import 'wijmo/cultures/wijmo.culture.ja.js';
import 'wijmo/styles/wijmo.css';
export default {
name: 'app',
data: function () {
return {
gridData: [
{ id: 1, product: '商品1', date: '2020/05/11', amount: 100 },
{ id: 2, product: '商品2', date: '2020/05/11', amount: 1000 },
{ id: 3, product: '商品3', date: '2020/05/11', amount: 2000 },
{ id: 4, product: '商品4', date: '2020/05/11', amount: 15000 }
]
}
},
components: {
}
}
</script>
npm run serve
Reference
이 문제에 관하여(Vue & Wijmo의 quickstart를 시도하십시오.), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://qiita.com/mitsugeek/items/e33918771aa64a770208텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)