Indexed 索引导航

索引导航组件，用于显示索引列表，支持配置索引数据列表。

支持平台

安卓	ios	web	微信小程序	支付宝小程序	QQ小程序
√	√	√	x	x	x

示例

<template>
	<t-page title='索引导航(canvas绘制)' class='ff' :scrollDisabled="true">
		<t-indexed class="ff" :list="dataList" @click="indexedClick"></t-indexed>
	</t-page>
</template>

<script>
	import { TuiApi } from '@/api/uriApi.uts'
	export default {
		data() {
			return {
				dataList: [] as UTSJSONObject[]
			};
		},
		created() {
			TuiApi('indexsortdata').then(res => {
				this.dataList = res['data'] as UTSJSONObject[]
			})
		},
		methods: {
			indexedClick(e : UTSJSONObject) {
				uni.showToast({
					title: e.getString('name')!
				})
				console.log(e)
			}
		}
	}
</script>

Props

名称	描述	类型	默认值
list	索引数据列表	UTSJSONObject[]	[]

Events

事件名	描述	回调参数
click	点击事件	item

Methods

方法名	描述	参数
canvasInit	初始化画布	ctx
animateScroll	惯性滚动动画	无
drawList	绘制列表内容	无
draw	绘制索引导航	无