问题标签 [iview]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
218 浏览

vue.js - 自定义 iViewUI零件

我将iViewUI用于我的 Tag 组件,但我想自定义它的大小以及“X”关闭按钮的位置。

我可以通过简单地向标签添加一个类来更改宽度,但由于某种原因,即使我也试图覆盖它的子图标,根本没有响应更改,也没有应用它。检查浏览器,也没有添加它。

这是我到目前为止所做的:

然后在less文件上我添加了以下内容:

我一点运气都没有。我不知道为什么没有设置它。

0 投票
2 回答
309 浏览

vue.js - iview 抽屉(transfer=false, inner=true) 在 IE10 中显示在外部而不是内部的标签中

Chrome的情况还可以,IE11也可以

设置“transfer”(false) 和“inner”(true) 后,Drawer 的工作方式如下:

https://run.iviewui.com/prdkRwyB

正常效果

使用IE10时出现问题

抽屉显示在标签外面而不是里面。

异常效应

并且抽屉的html代码已经放在了它的父标签之外

0 投票
1 回答
227 浏览

javascript - 如何关闭 iView Tables 中除当前行之外的所有展开行

我正在使用 iView Tables 使用扩展选项在表中加载数据。

当前行正在展开,单击相应行的展开按钮,之前展开的行没有折叠,所以我可以看到所有展开的行。

是否可以折叠以前展开的行并仅展开当前行。

iView Tables 扩展链接: https://www.iviewui.com/components/table-en#Expandable

0 投票
1 回答
334 浏览

javascript - 尝试使用 iView 在我的 Vue 项目中使用主题时编译错误

我正在尝试在我的 Vue 项目中更改 iView 的主题。我按照此链接中的步骤操作:

https://www.iviewui.com/docs/guide/theme-en

my-theme我在我的主项目文件夹中创建了一个文件夹。在其中,我有一个名为 的文件index.less,其中包含我的主题的样式。我还使用以下命令安装了 less-loader

main.js然后,我在我的文件中导入了我的主题,如下所示:

但是,当我尝试加载我的项目时,出现以下错误:

https://pastebin.com/wRSP65bX

我该如何解决这个问题?谢谢你的帮助。

更新

我也less使用npm install less --save. 现在我得到这个错误:

0 投票
0 回答
64 浏览

vue.js - 为什么 iview-loade 对 html 标签 'i-' 无效?

我想<i-row>在 DOM 中使用 iview 标签,但是当我在 webpack.config.js 中配置 iview-loader制作 propsprefix:true时,它仍然没有用。

webpack.config.js代码是:

Chrome 浏览器的控制台显示此错误:

在此处输入图像描述

我的配置错了吗?

0 投票
1 回答
555 浏览

vue.js - vuejs - 使用带有徽章计数的 ivew 选项卡

我参考文档http://v3.iviewui.com/components/tabs-en为标签分配徽章计数。

我的 HTML:

还有我的 JS:

但我不断收到错误

[Vue 警告]:未知的自定义元素:徽章 - 您是否正确注册了组件?对于递归组件,请确保提供“名称”选项。

我遵循示例中完全相同的代码,但我不确定为什么会发生错误。

0 投票
2 回答
213 浏览

javascript - vuejs - 渲染类

这是我iview Message呈现弹出消息的函数。

CSS

但是,我需要渲染一个类span而不是整个div.

有什么方法可以只渲染span

0 投票
2 回答
614 浏览

typescript - 开玩笑测试 - TypeError:document.createRange 不是函数

我的测试

错误

快照正常生成,但报错

[Vue 警告]:nextTick 中的错误:“TypeError:document.createRange 不是函数”

作为 iView 标签,但我已经对其进行了初始化。所以我不知道出了什么问题。有人可以帮助我吗?

0 投票
1 回答
28 浏览

iview - 在 iview 中取消选中删除一行

我有一个包含多个项目的 iview 表单,每个项目的第一列都有一个复选框。复选框的代码片段是:

首先,检查所有项目。然后,如果我取消选中除最后一项以外的项目,则该项目消失,但未选中下一项!有没有办法避免这种副作用?

0 投票
1 回答
25 浏览

iview - 元素隐藏,但其验证提示仍显示

我正在使用 VUE 2.5.1 和 iView 4.0.0。我的项目的一个页面中有2个表单,我使用v-if属性来切换它们。问题是在我重新分配form_data的值(新的没有属性'usage')并将this.met_type设置为3之后,'Item'输入显示,但是一行红色文本'usage is required'也显示在它下面。“使用”输入已经隐藏,为什么它的验证提示仍然显示?有没有办法避免这个错误信息?