iview中input输入框组件设置成下划线效果

通过设置边框实现下划线效果。

<template>
    <Input v-model="value" :border="false" style="width: 170px;
    border-bottom: 3px solid #f00;
    border-top: 0px;
    border-left: 0px;
    border-right: 0px;" />
</template>
<script>
    export default {
        data () {
            return {
                value: '下划线显示的效果'
            }
        }
    }
</script>