uni-list的插件导入及使用方法
首先新建一个项目 选择第二个hello uni-app的模板 找到以下四个文件夹 复制到自己本地项目中哪个组件需要使用uni-lis 就将代码复制导入进js中import uniList from '@/components/uni-list/uni-list.vue';import uniListItem from '@/components/uni-list-item/uni-list-ite
·
首先新建一个项目 选择第二个hello uni-app的模板 找到以下四个文件夹 复制到自己本地项目中
哪个组件需要使用uni-lis 就将代码复制导入进js中
import uniList from '@/components/uni-list/uni-list.vue';
import uniListItem from '@/components/uni-list-item/uni-list-item.vue';
import uniAd from '@/components/uni-list-ad/uni-list-ad.vue';
import uniChat from '@/components/uni-list-chat/uni-list-chat.vue';
看下完整代码:
<template>
<view class="content">
<!-- 老人列表 -->
<uni-list v-for="(item,index) in oldManList" :key="index">
<uni-list-item
:title="item.name"
@click="onClick"
show-arrow="true"
link
>
</uni-list-item>
</uni-list>
</view>
</template>
<script>
import uniList from '@/components/uni-list/uni-list.vue';
import uniListItem from '@/components/uni-list-item/uni-list-item.vue';
import uniAd from '@/components/uni-list-ad/uni-list-ad.vue';
import uniChat from '@/components/uni-list-chat/uni-list-chat.vue';
export default {
components:{
uniList,uniListItem,uniAd,uniChat
},
data() {
return {
oldManList: [{
name: "蟹老板"
},
{
name: "派大星"
},
],
};
},
methods: {
onClick(e) {
console.log('执行click事件', e)
}
},
};
</script>
更多推荐
已为社区贡献15条内容
所有评论(0)