<hpy-form-select title='选择星球' :dataList="typeList" text="text" name="value" v-model="type" hideBorder @change="changeType"/>
时间: 2023-08-27 11:22:26 浏览: 90
cas-server-4.0.0
5星 · 资源好评率100%
这是一个基于 Vue 框架和 HappyUI 组件库开发的下拉选择框组件。其中包含以下属性:
1. title:下拉框标题,用于提示用户选择信息。
2. dataList:下拉框选项列表数据,用于渲染下拉框选项。
3. text:下拉框选项显示文本字段名,用于渲染下拉框选项文本。
4. name:下拉框选项值字段名,用于获取用户选择的选项值。
5. v-model:用于绑定用户选择的选项值。
6. hideBorder:用于隐藏下拉框边框。
7. @change:用于监听用户选择的选项变化并执行相应的方法。
此例中,下拉框默认显示的选项列表数据为 typeList,选项文本字段名为 text,选项值字段名为 value,用户选择的选项值通过 v-model 绑定到变量 type 上,下拉框标题为 "选择星球",下拉框边框被隐藏,并且当用户选择选项时会执行 changeType 方法。
阅读全文