将RadListView与nativescript vue一起使用
我想知道如何将RadListView与nativescript vue结合使用 当前我加载RadListView:将RadListView与nativescript vue一起使用,nativescript,nativescript-vue,Nativescript,Nativescript Vue,我想知道如何将RadListView与nativescript vue结合使用 当前我加载RadListView: // Rad List View import RadListView from 'nativescript-ui-listview/vue'; Vue.use(RadListView); 在组件中使用: <template> <Page> <ActionBar> <Label text="Home&qu
// Rad List View
import RadListView from 'nativescript-ui-listview/vue';
Vue.use(RadListView);
在组件中使用:
<template>
<Page>
<ActionBar>
<Label text="Home"/>
</ActionBar>
<StackLayout orientation="vertical">
<RadListView ref="listView" for="post in getFeed" height="50%">
<v-template>
<Label :text="post.id" />
</v-template>
</RadListView>
</StackLayout>
</Page>
</template>
My pakages.json:
"dependencies": {
"@nativescript/core": "^8.0.5",
"@nativescript/theme": "~3.0.1",
"@triniwiz/nativescript-socketio": "^4.0.1",
"@triniwiz/nativescript-toasty": "^4.1.3",
"nativescript-vue": "~2.9.0",
"nativescript-vue-devtools": "^1.5.1"
},
"devDependencies": {
"@nativescript/ios": "8.0.0",
"@nativescript/webpack": "beta",
"nativescript-ui-listview": "^9.1.0",
"nativescript-vue-template-compiler": "~2.9.0",
"tns-core-modules": "^6.5.27",
},
您需要安装RadListView NPM软件包
tns plugin add nativescript-ui-listview
我建议使用此插件:。 它性能更好,并且不断更新
tns plugin add nativescript-ui-listview