avue form 内容超过指定宽度自动隐藏的办法

avue form 内容超过指定宽度自动隐藏的办法

利用avue模板和element ui组件实现

<avue-form ref="mainForm" :option="mainOption" v-model="mainData">
    <template slot-scope="{value}" slot="your_column">
        <el-tooltip class="item" effect="dark" placement="top-start">
            <div slot="content">{{value}}</div>
            <div style='overflow:hidden;white-space:nowrap;text-overflow:ellipsis;'>{{value}}</div>
        </el-tooltip>
    </template>
</avue-form>