# 組件名`cap4-validate` ---- ### 引入 ```js import Cap4Validate from 'cap4-pc-ui/lib/cap4-validate'; import 'cap4-pc-ui/lib/cap4-validate/css/cap4-validate.css'; ``` ### 基礎用法 <template> <div class="demo-block"> <cap4-validate :validateStr="validateStr"></cap4-validate> </div> </template> <script> export default { data() { return { validateStr: '驗證提示信息' }; } }; </script> ::: demo ```html <template> <div class="demo-block"> <cap4-validate :validateStr="validateStr"></cap4-validate> </div> </template> <script> export default { data() { return { validateStr: '驗證提示信息' }; } }; </script> ``` ::: ### Attributes | 參數 | 說明 | 類型 | 可選值 | 默認值 | |---------- |------------------------------------ |---------- |------------- |-------- | |validateStr | 驗證提示信息 (必填)) | String | — | |