vue disabled 什么意思?_vue踩坑小记（三）

1、Element UI的Tree组件中在加载之后默认选中指定的节点

当获取数据源data后通过this.$refs.menuTree.setCurrentKey()指定是没有效果的，原因就是树的相关DOM未渲染完，因此需要使用this.$nextTick(()=>{})，以确保DOM已渲染完全（问题不大，但最主要的是在谷歌浏览器中直接调用也是正常的，但是在IE浏览器直接调用就无法渲染选中效果了，这才是坑哦。。。）

2、强制换行和禁止换行

（1）word-break: break-all

假设div宽度为450px自动换行，如果该行末端有个很长的英文单词，它会把单词截断，一部分保持在行尾，另一部分换到下一行。

（2）word-wrap: break-word

例子与上面一样，但区别就是它会把整个单词看成一个整体，如果该行末端宽度不够显示整个单词，他会自动把整个单词放到下一行，而不会把单词截断掉。

（3）white-space: pre-wrap

对于强制换行，用word-wrap: break-word;就可以了。

（4）white-space: nowrap

禁止换行。

text-overflow: ellipsis;让多出的内容以省略号"..."来表达。但是这个属性主要用域IE等浏览器，Opera浏览器用-o-text-overflow:ellipsis;而Firfox浏览器没有这个功能，多出的内容只能隐藏起来。

3、disabled的兼容问题

IE10及以上：