![](https://img-blog.csdnimg.cn/20201014180756754.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
iView
文章平均质量分 73
qwe122343
这个作者很懒,什么都没留下…
展开
-
View UI 定制主题安装 less 报错及踩坑记录
View UI定制主题地址使用的是推荐的变量覆盖方法,新建目录如 my-theme,在 my-theme 下新建 index.less,然后在入口文件 main.js 内导入这个 less 文件,这些都做好之后,因为项目没有安装 less,开始了报错之旅简单易懂版:安装 less 后各种报错出在 less 和 less-loader 的版本上,安装时不指定版本我这里显示 + less-loader@8.1.1,+ less@4.1.1,需要降低版本才行,比如 + less-loader@5.0.0,+原创 2021-04-16 09:55:15 · 746 阅读 · 0 评论 -
解决 ViewUI 表格无数据时展示滚动条的问题
如图所示,滚动条其实可以考虑去除,需要修改 ViewUI 的默认样式.ivu-table-tip,将 overflow-x 的值由 auto 改成 hidden!important 即可<style> .ivu-table-tip{ overflow-x:hidden!important; }</style>清爽很多!...原创 2020-12-25 09:38:26 · 970 阅读 · 0 评论 -
VIew UI 表格勾选功能@on-select、@on-select-all在 Vue 中的使用介绍
通过给 columns 数据设置一项,指定 type: ‘selection’,即可自动开启多选功能。给 data 项设置特殊 key _checked: true 可以默认选中当前项。给 data 项设置特殊 key _disabled: true 可以禁止选择当前项。正确使用好以下事件,可以达到需要的效果:@on-select,选中某一项触发,返回值为 selection 和 row,分别为已选项和刚选择的项。@on-select-all,点击全选时触发,返回值为 selection,已选项.原创 2020-10-27 09:36:30 · 3994 阅读 · 3 评论 -
@on-change 事件无法触发解决方案
在用 View UI 的分页功能时,执行 @on-change 函数事件一直无法触发,点击页码时页面不会刷新相关代码如下<!--html--><Page :total="pageTotal" show-elevator @on-change="pageChange()" :current='page_num' :page-size="15"/>// javascriptpageChange(value) { this.page_num = valu原创 2020-10-17 15:42:15 · 3099 阅读 · 0 评论 -
[Vue warn]: Error in v-on handler: “TypeError: Cannot read property ‘exportCsv‘ of undefined“
用 VIew UI 自带的Table 表格导出原始数据文件功能但运行报错,经过查找原因如下javascript 代码里 this.$refs. 后面跟着的名字需要与 html 中 Table 标签内 ref 跟着的名字一样,我这里的 html 中没有写 ref =“table”,所以运行会报错修改前:<!--html代码--><Table border :columns="columns" :data="infolist"> </Table> <原创 2020-10-15 14:57:17 · 614 阅读 · 2 评论 -
Vue 项目中使用 iView 组件库设置样式不生效解决方案记录
将 iVew 引入项目后发现没有生效,经过查找总结问题是:安装 iView 的版本太低,与 Vue 不匹配,最后没有生效。初始我执行的是 安装 iView 1.0的命令,$ npm install iview@1.0.1 --save安装的是 Vue 3.0vue create demoproject在 HelloWorld.vue 中写入下面代码,界面中输入框未显示<i-input :value.sync="value" placeholder="请输入..." style="原创 2020-07-05 22:27:38 · 3441 阅读 · 0 评论