Vue的iOS风格分段控件组件 - vue-ios13-segmented-control

Vue的iOS风格分段控件组件 - vue-ios13-segmented-control
插件名称 vue-ios13-segmented-control
发布时间 2021年10月8日
插件作者 AnalyzePlatypus

一个 Vue 组件,用于创建您在 iOS 中看到的动态分段控件。

安装和下载:

# Yarn
$ yarn add vue-ios13-segmented-control

# NPM
$ npm i vue-ios13-segmented-control

使用:

1、导入并注册分段控件组件。

import iOS13SegmentedControl from "@/vue-ios13-segmented-control.vue";
export default {
  name: 'MyComponent',
  components: { 
    "ios13-segmented-control": iOS13SegmentedControl
  }
  // ...
};

2. 将分段控件添加到应用程序中。

<ios13-segmented-control v-model="value" :segments="segments"/>

3. 可用的组件道具。

value: {
  required: true,
  type: [Number, String]
},
segments: {
  required: true,
  type: Array
},
elementName: {
  type: String,
  required: false,
  default: () => '' + getRandomInt(100000)
}