美文网首页
使用iview框架过程中遇到的一些问题

使用iview框架过程中遇到的一些问题

作者: 嗷呜的伍 | 来源:发表于2019-12-05 15:14 被阅读0次

    1.关于iview的Select组件选中值后校验还是出问题的原因

    Select组件选中后的值为非string类型,如果校验规则属性中有trigger属性,校验不会通过。
    例如
    校验规则添加trigger属性

    1.png
    选中的值为int类型
    2.png
    选中了值也会有红框提醒校验不通过
    3.png

    2.Table组件中使用Input组件并实现数据双向绑定(render函数方法)

    html:

    3.png

    data:

    1.png 2.png

    效果:

    4.png

    注:render函数中方法若不使用箭头函数,则需要在return前声明一个变量并且将this赋值给这个变量,然后再方法中使用,否则会找不到this

    5.png

    2.Table组件中使用Input组件并实现数据双向绑定以及校验(slot-scope方法)

    html:

    1.png

    data:

    5.png 3.png 4.png

    效果:

    6.png

    注:

    1.使用v-model只能改变页面效果,不能改变数据源,所以需要on-blur方法手动改变数据源

    8.png

    2.若想让输入框居中,在FromItem标签写style属性即可,但校验报错结果会溢出隐藏

    9.png 7.png

    相关文章

      网友评论

          本文标题:使用iview框架过程中遇到的一些问题

          本文链接:https://www.haomeiwen.com/subject/bhidgctx.html