uni-app 封装下拉选择组件标红指定项

貂蝉空大

于 2024-09-27 11:44:48 发布

阅读量44

点赞数

分类专栏： uni-app 文章标签： uni-app javascript 前端

本文链接：https://blog.csdn.net/cyj0919/article/details/142589949

版权

<template>
	<view class="uni-dropdown">
		<view class="trigger" @tap="toggleDropdown">{
  { showlabel }}</view>
		<view class="dropdown-content" v-if="isOpen">
			<view class="" style="position: relative;">
				<text class="blk blk-a-xialakuang-xiala"></text>
			</view>
			<view style="max-height: 150px;overflow-y: auto;">
				<view v-for="(item, index) in options" :key="index" :class="['dropdown-item', item.isred ? 'red' : '']"
					@tap="selectOption(item)">
					{
  { item[labelkey] }}
				</view>
			</view>
		</view>
	</view>
</template>

<script setup>
	import {
		ref,
		watch,
	} from 'vue';

	const props = defineProps({
		options: {