# StrengthMeter 用于校驗密碼強度 ## Usage ```vue <template> <div class="p-4 flex justify-center"> <div class="demo-wrap p-10"> <StrengthMeter placeholder="默認" /> <StrengthMeter placeholder="禁用" disabled /> <br /> <StrengthMeter placeholder="隱藏input" :show-input="false" value="!@#qwe12345" /> </div> </div> </template> <script lang="ts"> import { defineComponent } from 'vue'; import StrengthMeter from '/@/components/StrengthMeter/index'; export default defineComponent({ components: { StrengthMeter, }, }); </script> <style lang="less" scoped> .demo-wrap { width: 50%; background: #fff; border-radius: 10px; } </style> ``` ## Props | 屬性 | 類型 | 默認值 | 可選值 | 說明 | | --------- | --------- | ------ | ------ | -------------- | | value | `string` | - | - | 校驗的值 | | showInput | `boolean` | true | - | 是否顯示 input | | disabled | `boolean` | false | - | 是否禁用 | ## Events | 事件 | 回調參數 | 說明 | | ------------ | -------- | ---------------- | | score-change | `number` | 強度值改變觸發 | | change | `string` | input 值改變觸發 |