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

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

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

html 复制代码
<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>
相关推荐
沐墨染5 小时前
大型数据分析组件前端实践:多维度检索与实时交互设计
前端·elementui·数据挖掘·数据分析·vue·交互
南玖i5 小时前
SuperMap iServer + vue3 实现点聚合 超简单!
javascript·vue.js·elementui
麻瓜呀1 天前
vue2之el-table表格多选改单选
javascript·vue.js·elementui
weixin_584121431 天前
vue3+elementui+js自定义穿梭框布局
javascript·vue.js·elementui
qq_401967382 天前
element-plus table组件 封装列隐藏功能,并非 v-if 或 v-for,通过tableRef 与样式控制
javascript·vue.js·elementui
web小白成长日记2 天前
Vue3+ElementUI树形菜单:构建层次化用户界面
前端·microsoft·ui·面试·elementui
FFF_634560233 天前
自定义下拉框组件
javascript·vue.js·elementui
前端小讴3 天前
ElementUI:表格如何展示超出单元格的内容且不影响单元格?
前端·javascript·elementui·vue
HWL56793 天前
Element Plus 菜单组件区别和用法详解
javascript·vue.js·elementui
全能打工人4 天前
ruoyi项目导出PDF
java·elementui·pdf