How to use the ant-design-vue.Select.Option function in ant-design-vue

To help you get started, we’ve selected a few ant-design-vue examples, based on popular ways it is used in public projects.

Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.

github yanghuayi / vue-ts-admin / src / views / map / trajectory / index.tsx View on Github external
import coordTrasns from '@/utils/coordTrasns';
import { loadBmap, loadMapInfoBox, loadCanvasLayer } from '@/utils/index';
import commonfun from './commonfun';
import traData from './data.json';
import MapControl from './mapControl';
import './index.less';

function getTimeDay(day: number) { }

@Component({
  name: 'Trajectory',
  components: {
    'a-button': Button,
    'a-slider': Slider,
    'a-select': Select,
    'a-select-option': Select.Option,
    'a-tooltip': Tooltip,
  },
})
export default class Trajectory extends Vue {
  BMap: any = null;

  // 百度地图对象
  SMap: any = null;

  // 当前地图对象实例
  SMapZoom: number = 15;

  // 当前地图对象zoom
  geolocationControl: any = null;

  // 定位
github luoyang125024608 / electron-vue-anyproxy / src / renderer / pages / rule / rule-edit.vue View on Github external
function generateUUIDv4 () {
    return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function (c) {
      var r = Math.random() * 16 | 0
      var v = c === 'x' ? r : (r & 0x3 | 0x8)
      return v.toString(16)
    })
  }

  export default {
    components: {
      codemirror,
      [Form.name]: Form,
      [Input.name]: Input,
      [Select.name]: Select,
      [Select.Option.name]: Select.Option,
      [Form.Item.name]: Form.Item
    },
    name: 'rule-edit',
    data () {
      return {
        ruleKey: { // 样例的id和name列表
          id: '',
          enable: false,
          name: ''
        },
        ruleName: '', // 样例规则的名称
        ruleValue: '', // 样例的代码字符串
        ruleOptions,
        mode: 'add',
        formItemLayout: {
          labelCol: { span: 4 },
github ruyangit / admin-workbench-ui / src / views / System / Role.vue View on Github external
ACol: Col,
    ACard: Card,
    ACardGrid: Card.Grid,
    ACardMeta: Card.Meta,
    AList: List,
    AButton: Button,
    AForm: Form,
    AFormItem: Form.Item,
    AIcon: Icon,
    ATable: Table,
    ADescriptionItem: DescriptionItem,
    ADivider: Divider,
    ADropdown: Dropdown,
    AInput: Input,
    ASelect: Select,
    AOption: Select.Option,
    ARangePicker: DatePicker.RangePicker,
  },
  methods: {
    toggleForm() {
      this.expandForm = !this.expandForm;
    },
    onSelectChange (selectedRowKeys) {
      console.log('selectedRowKeys changed: ', selectedRowKeys);
      this.selectedRowKeys = selectedRowKeys
    },
    handleTableChange(pagination, filters, sorter) {
      const pager = { ...this.users.pagination };
      pager.current = pagination.current;
      this.users.pagination = pager;
      this.$options.asyncData(
        { store: this.$store, route: this.$route },
github ruyangit / admin-workbench-ui / src / views / User / Register.vue View on Github external
}),
  components: {
    AForm: Form,
    AFormItem: Form.Item,
    AButton: Button,
    ACheckbox: Checkbox,
    AInput: Input,
    AInputGroup: Input.Group,
    AIcon: Icon,
    ARow: Row,
    ACol: Col,
    ASendCaptchaButton: SendCaptchaButton,
    APopover: Popover,
    AProgress: Progress,
    ASelect: Select,
    ASelectOption: Select.Option
  },
  methods: {
    checkPassword(rule, value, callback) {
      if (!value) {
        this.help = "请输入密码!";
        this.visible = !!value;
        callback("error");
      } else {
        this.passwordProgressPercent =
          value.length * 10 > 100 ? 100 : value.length * 10;
        if (value && value.length > 5) {
          this.passwordStatus = "pass";
          this.passwordProgressStatus = "active";
        }
        if (value && value.length > 9) {
          this.passwordStatus = "ok";
github yanghuayi / vue-ts-admin / src / components / FilterTable / MFilter.tsx View on Github external
import {
  Component, Prop, Emit, Vue,
} from 'vue-property-decorator';
import {
  Input, Select, Form, TimePicker, DatePicker, Cascader, Row, Col, Button, Modal, Checkbox, Radio,
} from 'ant-design-vue';
import { FilterFormList, tableList } from '@/interface';

import './MFilter.less';

@Component({
  components: {
    'a-input': Input,
    'a-option': Select.Option,
    'a-select': Select,
    'a-form': Form,
    'a-form-item': Form.Item,
    'a-time-picker': TimePicker,
    'a-date-picker': DatePicker,
    'a-range-picker': DatePicker.RangePicker,
    'a-cascader': Cascader,
    'a-row': Row,
    'a-col': Col,
    'a-button': Button,
    'a-modal': Modal,
    'a-radio-group': Radio.Group,
    'a-radio-button': Radio.Button,
    'a-checkbox-group': Checkbox.Group,
    'a-checkbox': Checkbox,
  },