<template>
<div>
 <p>
   <el-checkbox v-model="disabled">启用/禁用</el-checkbox>
 </p>
<glp-number v-model="value" :disabled="disabled" :min="0" :max="100" placehoder="0~100之间">
  <template v-slot:append>%</template>
</glp-number>
</div>
</template>
<script lang="ts">
import { Component, Vue } from 'vue-property-decorator'

/**
 * @title 自定义前后缀
 * @desc 主要用于标识单位。
 */
@Component
export default class AppendExample extends Vue {
  value: any = null

  disabled = false
}
</script>
