热门标签
热门文章
- 1leetcode 1901. 找出顶峰元素 II_leetcode1901java
- 2产品思维训练 | 经典产品面试题_产品经理 思维逻辑题
- 3机器学习实战之路 —— 3 决策树与随机森林（二）_随机森林决策树数量的选择
- 4u cos 延时函数用法小节_uscos延时\
- 5高性能和多级高可用，云原生数据库 GaiaDB 架构设计解析
- 6yolov5 simplepose人体姿态
- 7全国计算机等级考试2021公共基础知识,2021年上半年全国计算机等级考试[MS Office高级应用+公共基础知识]精选模拟试题及答案解析...
- 8Java数据结构和算法 五种排序算法：选择排序、插入排序、冒泡排序、快速排序和归并排序的实现与性能分析_选择排序java数据结构与算法
- 9python打印随机验证码，包含大小写字母和随机数字_"import random as r yzm=\"\" ___for__ in _____ ran
- 10iOS 包含行间距计算富文本size
当前位置: article > 正文
vue-splitpane 的使用_使用"splitpanes": "^3.1.0"使用pane报错
作者：我家自动化 | 2024-02-11 20:36:35
赞
踩
使用"splitpanes": "^3.1.0"使用pane报错
vue文件：
<template> <div class="components-container"> <split-pane :min-percent='20' :default-percent='20' split="vertical"> <template slot="paneL"> <a-card> </a-card> </template> <template slot="paneR"> <a-card> </a-card> </template> </split-pane> </div> </template> <script> import splitPane from 'vue-splitpane' import { getAction, postAction } from '@/api/manage' import moment from 'moment' import { getDictItemsFromCache } from '@/api/api' import AFormModelItem from 'ant-design-vue/es/form-model/FormItem' export default { name: 'ExamMonitor', components: { AFormModelItem, splitPane }, data() { return { } }, created() { }, methods: { } } </script> <style scoped> .components-container { position: relative; height: 100vh; } </style>
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
- 11
- 12
- 13
- 14
- 15
- 16
- 17
- 18
- 19
- 20
- 21
- 22
- 23
- 24
- 25
- 26
- 27
- 28
- 29
- 30
- 31
- 32
- 33
- 34
- 35
- 36
- 37
- 38
- 39
- 40
- 41
- 42
- 43
- 44
- 45
- 46
- 47
- 48
- 49
- 50
- 51
- 52
需使用div 将 split控件包起来，设置class 为components-container 才能正常显示
声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/我家自动化/article/detail/76868
推荐阅读
相关标签
