Skip to content

agy-select(单位选择器)

基础用法

示例:

agy-select1.png

代码示例:

vue
<template>
  <div class="bs-bg-color-white p10">
    <v-agy-select v-model="value" isConfirm @change="handleChange"></v-agy-select>
  </div>
</template>
<script>
export default {
  data() {
    return {
      value: {},
    };
  },
  methods: {
    /**
     * 改变事件
     */
    handleChange(dispatchValue) {
      console.log("dispatchValue", dispatchValue);
      // dispatchValue {madCode: "5502", madName: "测试单位"}
    },
  },
  mounted() {},
  computed: {},
};
</script>
<style lang="scss" scoped>
@import "~@/assets/style/variables.scss";
</style>

属性:

参数说明类型可选值默认值
value当前组件的值Object-{}
isConfirm切换单位是否需要确认Boolean-true
readOnly是否只读Boolean-false

事件:

事件名说明参数参数说明
change改变事件dispatchValue-
input输入事件dispatchValue-