Nativescript-vue здесь новичок ...
Я использую nativescript-vue для отображения списка элементов. Когда страница .vue загружается, сетка должна быть пустой таблицей. При нажатии кнопки сетка заполняется подэлементами списка, полученного мной из службы. У меня две проблемы:
Есть только одна строка, где должна быть строка на каждый элемент в списке.
Дата будет элементом даты, например
06-01-2019 11:30:01
, но я бы предпочел отображать его как06-01-2019
.
В моем * .vue:
<RadListView for="item in itemList" layout="grid" @itemTap="onItemTap">
<v-template>
<GridLayout rows="20, 20" class="list-item list-item-grid">
<GridLayout row="1" rows="25, 35" columns="auto, auto, auto, auto">
<Label col="0" :text="item.date" class="list-item-left" textWrap="true"verticalAlignment="middle" horizontalAlignment="left"></Label>
....
</GridLayout>
</GridLayout>
</v-template>
</RadListView>
....
<script>
expot default {
data() {
return {
itemList: []
};
},
methods: {
getItems() {
// really simplified but it will return something like:
// [{"date" :"09-01-2019 11:32:01", "name":" first last"}]
service.getItemArray()
}
},
beforeMount: function() {
this.itemList= this.getItems();
}
</script>
Я поместил сокращенную версию Playground сюда: