更新记录

1.0.1(2023-06-28)

字体样式文件获取问题修正

1.0.0(2023-06-28)

1.0.0


平台兼容性

Vue2 Vue3
App 快应用 微信小程序 支付宝小程序 百度小程序 字节小程序 QQ小程序
× × × × × × ×
钉钉小程序 快手小程序 飞书小程序 京东小程序
× × × ×
H5-Safari Android Browser 微信浏览器(Android) QQ浏览器(Android) Chrome IE Edge Firefox PC-Safari
× × × × × × × ×

来妹儿-下拉框 组件

lmSelect 是一个下拉框组件,用于在应用程序中展示可选择的选项列表。

Props

属性 类型 默认值 描述
data Array [] 下拉选项的数据数组,每个对象包含以下属性:
- key: id
- text: 选项显示的文本
- url: 导航目标或操作函数
- iconClass: 选项图标的 CSS 类名
default String '' 默认选中的选项文本

Events

事件名称 参数 描述
click item 当用户点击一个选项时触发的事件

使用示例

<template>
  <div>
    <lmSelect :data="listData" :default="defaultOption"></lmSelect>
  </div>
</template>

<script>
export default {
  components: {
    lmSelect
  },
  data() {
    return {
      listData: [{
            key: 1,
            text: '中文(简体)',
            code: 'zh-Hans',
            url: this.switchLanguage
        },
        {
            key: 2,
            text: '中文(繁体)',
            code: 'zh-Hant',
            url: this.switchLanguage
        },
        {
            key: 3,
            text: 'English',
            code: 'en',
            url: this.switchLanguage
        }
      ],
      defaultOption: '中文(简体)'
    };
  },
  methods: {
    switchLanguage(item) {
        this.$i18n.locale = item.code;
    }
  }
}
</script>

以上是 lmSelect 组件的使用示例,你可以根据需要传递数据和监听事件来自定义组件的行为。

如果有任何疑问或需要进一步的帮助,请随时提问。

隐私、权限声明

1. 本插件需要申请的系统权限列表:

2. 本插件采集的数据、发送的服务器地址、以及数据用途说明:

3. 本插件是否包含广告,如包含需详细说明广告表达方式、展示频率:

许可协议

MIT协议

暂无用户评论。

使用中有什么不明白的地方,就向插件作者提问吧~ 我要提问