Appearance
agy-select(单位选择器)
基础用法
示例:
代码示例:
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 | - |