• 字符长度提示
    • 普通用法

    字符长度提示

    右下角和右侧的字符长度提示

    TIP

    1.0.9+

    普通用法

    字符长度提示 - 图1

    配置typeicon-select,图标集合参考例子配置iconList属性

    1. <avue-form :option="option" v-model="form" > </avue-form>
    2. <script>
    3. export default{
    4. data() {
    5. return {
    6. form: {
    7. input:'欢迎使用avue',
    8. textarea:'欢迎使用avue',
    9. },
    10. option: {
    11. column: [
    12. {
    13. label:'单文本框',
    14. prop:'input',
    15. maxlength:10,
    16. }, {
    17. label:'多文本框',
    18. prop:'textarea',
    19. type:'textarea',
    20. minRows:10,
    21. maxlength:200,
    22. span:24,
    23. }
    24. ]
    25. }
    26. }
    27. },
    28. methods: {
    29. submit() {
    30. this.$message.success('当前数据' + JSON.stringify(this.form))
    31. }
    32. }
    33. }
    34. </script>