1 关于树形组件
点击目录实现展开收缩
return h('span', {
style: {
display: 'inline-block',
width: '90%',
},
class:"tree-list",
on: {
click: () => {
//控制树的目录结点 展开收缩
// data.expand = !data.expand
data.expand = !data.expand
}
}
},
2 menu 导航不支持多级嵌套
2.10.1 版已经实现
3 modal 对话框确定按钮的loading 状态 设为假时 对话框会自己消失
setTimeout(function () {
_this.loading = false
_this.$nextTick(() => {_this.loading = true;});
}, 500)
设为假时 需要这样设置
4 不同子路由来回切换 对应的导航菜单不高亮,也不展开子项
pdateOpened | 手动更新展开的子目录,注意要在 $nextTick 里调用 |
$route(to, from) {
this.changeVal = this.$route.name;
sessionStorage.setItem("changeNav", this.changeVal);
this.$nextTick(function() {
this.$refs.menu.updateOpened();
this.$refs.menu.updateActiveName();
});
}
5 实现分页时,切换不同的每页显示多少条数据后 无效果(点击后还显示未点击前的状态)
点击切换后,表格显示隐藏用了v-if,换成v-show 可解决
6 iview select 下拉列表 无法设置默认值
通过设置v-model动态绑定,还需要注意 绑定的默认值要和option绑定的值 保持一致
<Select class="w330 account_list"
v-model="editModal.accountListVal"
@on-change="onOptionAccountChange">
<Option v-for="item in editModal.accountList" :value="item.account_id" :key="item.account_id">
{{ item.account_name }}
</Option>
</Select>
7 did you register the component correctly? For recursive components, make sure to provide the "name" option.
出现这个问题 先检查自己的组件引用有没有问题,然后子组件注册放到最前边
export default{
name:'changePass',
components:{
BasePass,
},
data (){
return {}
}}