el-table表格折叠子表问题
问题:
折叠子表中有图片,把行高度撑开后首次加载页面会不显示子表的滚动条,重新点击查询按钮之后会显示子表滚动条,有可能是s-table组件封装导致高度原因
解决方法
:给子表图片添加高度限制,同时因业务情况子表行数不多可显示全部子表不做滚动显示
split使用学习记录
1.
//split('A')[0] A查找字符串 0:代表第一个符号
var str = '-8/100°C/'
//split("/")[0] 得到的是第一个 / 之前的内容
//split("/")[1] 得到的是第一个 / 和第二个 / 之间的内容
str.split("/")[0] // 得到 -8
str.split("/")[1] // 得到 100°C
2.
// split() 方法用于把一个字符串分割成字符串数组。
// stringObject.split(separator,howmany)
// separator 必需。字符串或正则表达式,从该参数指定的地方分割 stringObject。(找本字符串要分割的元素)
// howmany 可选。该参数可指定返回的数组的最大长度。如果设置了该参数,返回的子串不会多于这个参数指定的 数组。如果没有设置该参数,整个字符串都会被分割,不考虑它的长度。(分割几次)
var a = '1:2:3:4:5:6:7:8:9'
console.log(a.split(':')) // (9) ['1', '2', '3', '4', '5', '6', '7', '8', '9']
console.log(a.split(':',2)) // (2) ['1', '2']
console.log(a.split(':',3)) // (3) ['1', '2', '3']
el-form下嵌套el-form使子组件不disabled
<el-form :disabled="true">
<firstComponent></firstComponent>
<el-form :disabled="false">
<secondComponent></secondComponent>
</el-form>
</el-form>
使用el-popconfirm时v-if不生效
问题:
使用 Element-ui 的 el-popconfirm 气泡确认框插件时 v-if 判断条件不生效,v-if中为从行中取字段
解决:
将v-if判断条件放入父级popconfirm上不能在内部子组件button上添加v-if
错误效果:
刚加载代码时气泡框出现生效,过段时间或者重新加载后,点击button无反应
具体原因:
在生命周期中,挂载阶段会将源 html 代码生成真实的 DOM 节点,而后随着数据的更新,相应的组件也会重新编译渲染并再次挂载,因此实际上,挂载阶段是整个文件第一次且完整的编译挂载。问题就出在这,由于 v-if 的渲染是惰性的,因此,若 v-if 的初始值为false,那么在页面的挂载阶段,v-if 所修饰的组件不会被渲染执行。而与此同时,父组件 popconfirm 已经渲染完毕了,但它表示很困惑,因为根本找不到自己服务的 button。后来发生了某些数据更新,v-if 的值变为 true,子组件重新得以渲染挂载了,但此时已经为时已晚。子组件比父组件仅仅晚到了一步,从表面上看来,具象的 DOM 结构是没有任何异常的,但实际上,父组件 popconfirm 早已经丢失了子组件的指针,因此绑定失败了。
如果非要放在里面的话,使用 v-show 吧!这种非惰性的显隐控制,无论什么情况,子组件都会在挂载阶段渲染挂载,这样也就不会出现丢了儿子的情况了。 版权声明:本文为CSDN博主「Hemist」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。
原文链接:记一次 Element-UI 嵌套组件不生效的问题
localhost地址进入无首页路由
问题:
关闭所有tab后无路由跳转,http://localhost:8088/ 地址进入无首页路由
解决:
在新加在根节点路由上需要添加redirect重定向路由
问题出现原因:没有对根节点的重定向路由进行配置
{
path: '/',
redirect: 'welcome'
},