问题标签 [iview]

我想在 iView UI 中设计一个表格，根据我的情况，它将填充数据。这些行将具有折叠图标，它将根据我的情况隐藏/显示一些行。这是显示概念的图像：

如何（严格）使用iView 表实现？

我在使用带有 axios 的 Elasticsearch API 的 Vue.js 应用程序中使用 iView UI 工具包表。我的问题是我似乎无法访问嵌套的搜索响应对象，它是一个数组列表对象。我只能访问第一级字段，但不能访问嵌套字段。我不知道如何在 iView 表格中设置表格行键。

这就是我的 axios 调用和映射器方法的样子：

iView 表格列如下所示：

（原始）Elasticsearch 文档如下所示：

}]

这就是消费对象的样子：

如您所见，我需要访问的字段位于“sourceAsMap”对象中，然后嵌套在数组中。如何提供 iView 表格单元格键来访问它们？

更新： 我现在“重新映射”了我的 Elasticsearch 对象，然后在 Vue.js 表中显示它，它现在可以工作了。但是，我不认为我这样做的方式非常优雅或干净......也许你可以帮助我以更好的方式做到这一点。这是我重新映射对象的方法：

结果是这样的：

即使它现在可以工作，但我该如何优化这段代码？

从 Vue 的 iView 组件开始，菜单组件存在一些问题。菜单组件的工作方式与iView 主页上的描述相同，但它并不能反映真实的路由器状态<router-link>。在浏览器地址栏中输入路线不会将相应的菜单项标记为活动。重定向路由时也会发生此行为。

有谁知道如何处理这个问题？

这是我使用菜单项的源模板：

还有我的路由器定义：

对任何提示感到高兴。谢谢

我正在尝试在 iView ui 中应用单击事件。这是我正在尝试的：

该方法markAsRead不运行。我怎样才能让它运行？

http://jsfiddle.net/gx1jyq9k/6/

当我点击选项卡'TAB2'时，为什么会触发'changeColor'事件，我认为是组件重用引起的问题，但是我该如何解决，谁能帮我怎么做，非常感谢！

我正在尝试向 iView ui 添加限制Multiple select。这是代码

我想添加这样的东西max="3"来限制选定的项目

在 api 文档中找不到任何内容。

在 iView 中，所有 UI 元素都是通过“渲染”函数的返回数据来渲染的，例如，我有以下数据：

这将显示一个按钮。我想在点击事件开始时禁用这个按钮，并在最后启用它（checkDataOne函数中有一个异步操作）。但是我怎样才能得到按钮？

我尝试了“window.event.srcElement”，但它返回了一个包含在按钮中的 span 元素。

如何在 iview vue 的 Table 元素中获取选定行的索引？例如，表格元素如下所示：

我正在尝试将文件列表清除为 iview ui 默认显示文件列表。问题是，用户可以多次上传文件，ivew ui 上传组件将旧文件保留在列表中。我不知道列表来自哪里。我看到有一种方法clearFiles，但不知道如何使用它。文档中没有示例。这就是我的使用方式。一件事，如果我没有显示列表:show-upload-list，false但进度条也没有显示。我希望进度条保持不变，并且列表不应该出现。

谢谢你。

我正在尝试使用 main.js 中的 Webpack 在我的 VueJS 项目中导入 iView UI。

import iView from 'iview'

然后：

Vue.use(iView)

控制台显示一条错误消息

Uncaught ReferenceError: iView is not defined

npm i iview -D我在我的项目中添加了 iview 插件。

为什么这不起作用？有任何想法吗？也许一些 package.json 问题？每当我运行npm run dev它时，它都会编译一切正常，没有错误，没有警告。