2.1.1 • Published 7 years ago

select-ios v2.1.1

Weekly downloads
8
License
ISC
Repository
github
Last release
7 years ago

iosSelect

Vue ios select原生样式的插件

按照ios select下拉框开发的一个插件,经测试完全可用

  npm i select-ios --save

如果你安装了淘宝镜像 可以使用cnpm i select-ios --save

如果没有安装建议安装一个毕竟国内的影响心情 点击安装

使用方法  
<template>
  <div>
    <div @click="showSelect">选择的值是{{month}}</div>
      <selet-ios :listData="listData" v-model="month" :parentHidden="Hidden" v-on:show="showHidden" type ="other"></selet-ios>
  </div>
</template>
<script>
   import seletIos from 'select-ios'
  export default{
    name: 'pdIosSelect',
    data () {
      return {
        listData: Array.from({length: 12}, (value, index) => 1 + index),
        month: 2,
        Hidden:false,
      }
    },
    components: {
      seletIos
    },
    methods:{
      showSelect(){
       this.Hidden = true;
      },
      showHidden(content){
        this.Hidden = content;
      }
    }
  }
👌 结束
</script>

其中v-model可以指定select初始化的值,因为api不多就不写了,简单的业务这个是可以胜任的

主要是v-model是下拉框初始化的值 
    :listData是传入到下拉框中的值
    v-on:show 是控制取消 , 确定按钮的显示和隐藏 , 采用了父组件传递子组件然后子组件传递父组件
    type 可以无限滚动  值可以是随意的如果不需要不加就行
    parentHidden 传递给子组件的值

如果有什么bug欢迎指出 欢迎指正

最后帮忙来个start呗,thanks ☺☺;

2.1.1

7 years ago

2.0.2

7 years ago

2.0.1

7 years ago

2.0.0

7 years ago

1.0.0

7 years ago