Vue

Element Table 组件单元格内容超出显示优化

在 Element UI 中表格组件的使用,当单元格内容超出指定宽度时,设置show-overflow-tooltip属性时,文本内容会自动省略以…结束。当鼠标放到这段文本上时完整的内容会以 Tooltip 组件的形式展示。

vxe-table 树形表格展开行设置

使用过 Element UI 树形表格的都知道当我们为表格数据进行刷新时,它的行的展开状态是不变的,而当我使用 vxe-table 时,默认情况下展开状态是不保留的,需要进行额外的设置,可在 expand-config 设置项里配置 reserve 属性为 true,另外要使之生效,还得设置 row-config 里面的 keyField 属性。

Vue 自定义指令可以实现哪些有用的功能

Vue 有一些很实用的指令 v-show v-if v-text v-html v-bind v-on 可以帮助我们实现很复杂的功能,同时它还开辟了钩子供我们自己实现自定义指令。根据自己平时开发总结了一些可以通过指令实现的功能场景:

Vue刷新页面有哪几种方式

在Vue项目中,刷新当前页除了 window.reload(),你还能想到什么办法?而且这种办法会重新加载资源出现短暂的空白页面。体验不是很好。 在某个详情页面的时候,我们经常需要通过路由中的详情 id 去获取内容,当我们在不同的详情页来回切换的时候,打开的页面是同一个,只是需要通过监听路由中的参数 id 的变化去重新请求详情接口。

Sidebar