问题标签 [iview-ui]

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 投票
0 回答
387 浏览

javascript - 为什么 iview 滑块在一张幻灯片后自动降低 iview-caption div 的高度

iview 滑块在每张幻灯片后自动降低 .iview-caption div 的高度,这就是我的内容剪切最后一行的原因。请任何人解决这个问题。这是代码: -

在此处输入图像描述

0 投票
1 回答
1446 浏览

javascript - Vuejs 模态。避免更改道具,nuxt.js iview

我需要有关模态的帮助,我昨天试图解决这个问题,但后来变得更糟。所以请任何帮助将不胜感激。我有一个父组件,在里面我有一个模态(子组件)

在我的父母中,代码:

在子组件(appTest)内部我有这个

所以这段代码以一种方式工作,模态显示正确但是一旦它消失了,当我们回到父组件时,它会给我这个 vue 警告 AVOID MUTATING PROP

我检查了文档和所有内容,但 vuejs 文档给出了 2+2 之类的示例,这在这种情况下没有帮助。我在互联网等上观看了视频,但仍然不知道如何以正确的方式完成它。

让它工作的最佳方法是什么?

我正在使用 iview 的模态

0 投票
1 回答
819 浏览

vue.js - 我们如何在 iView Ui modal 上使用多个输入

这是我使用的代码示例

我真的不知道如何在此添加另一个输入

0 投票
2 回答
1674 浏览

javascript - iview-ui 是英文的吗?

iview的官方文档大多是中文的。

此链接iview 安装包含英文代码,但当您运行代码时,模式选项 - “取消”显示为中文。

有没有办法解决这个问题,我的意思是把它转换成英文?

在此处输入图像描述

我试图从Github 问题中关注这个链接,但它是针对 NodeJS 的。我想让它在没有 NodeJS 的情况下工作。

0 投票
1 回答
443 浏览

vue.js - iview-ui - 无法让管理员全高度。iView 示例显示最小高度:200

有谁知道为什么 iView 管理模板只能缩放到预设高度?谁能帮我将管理员的高度设置为完整的浏览器(100vh 或 100%)?

先感谢您。

网站上的示例显示了预定义的 minHeight: 200px,它的大小只能达到该数字。

0 投票
1 回答
2308 浏览

css - 如何在 iView 中自定义输入元素的 CSS?

我用Vue的单文件组件,想试试iView UI框架。考虑有以下代码:

然后我想改变我输入的宽度。例如,检查更改是否生效:

但它没有效果。也试过i-input了。

按预期工作。
我应该使用哪个 CSS 选择器?

0 投票
0 回答
582 浏览

vuejs2 - Laravel Mix 和 Vue 自定义加载器 (iView)

我对使用 VueJs 之类的框架进行编程有点陌生,而 webpack 对我来说是全新的。现在我们正在使用 Laravel 5.6 和 laravel mix。我不知道 vue-loader 是否已经在 laravel.mix 中,但我正在使用一个名为 iView 的 Vue 组件框架,我需要根据他们的页面加载自定义加载器如何设置它:https://www。 iviewui.com/docs/guide/iview-loader-en

问题是它不起作用。

什么都没有渲染,我每次都会收到这个错误:

[Vue 警告]:无法挂载组件:未定义模板或渲染函数。

这是我的 webpack.mix.js

但是,当我使用 loader: 'vue-loader' 删除该部分时,所有内容都会按原样呈现,但自定义加载程序仍然无法正常工作,因为在使用 kebap 案例名称时出现此类错误。

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

任何擅长 Laravel 的人都知道如何解决这个问题?提前致谢。干杯

0 投票
1 回答
210 浏览

iview-ui - 使用单选选择表中的特定行

如果数据已更改,我想实现一种取消移动到下一行的方法。我的想法是使用 on-current-change 事件,因为这为我提供了 oldCurrentRow。我应该使用什么参数发出什么事件以实现停留在最后突出显示的行上。

你可以在这里找到一个小提琴https://jsfiddle.net/arjanno/pdazb5kf/28/

关键是这里发生了什么

只要您不将数据设置为脏,您就应该能够单击任何行。当您单击 Dirty 时,它应该会显示一个询问您是否要丢失更改的模式。取消时,我想在单击另一行之前留在我所在的行上。

0 投票
1 回答
540 浏览

vue.js - 如何在 iview UI 中使用多项选择来选择标签

我不仅想从选择下拉选项中进行选择,还想从用户输入中添加自定义标签。在当前选择中,我只能从可用的 itemlists 数组中选择多个项目。但我想选择用户插入的内容。在 iView 中可以吗?

当前的问题是,用户只能从数组中选择,cityList但我想要用户的任何自定义输入。

谢谢你。

0 投票
1 回答
960 浏览

vuejs2 - 无法使用 Element UI 和 iView UI Toolkit 在 Laravel 5.7 和 Vue 2 项目中加载字体

我最近安装了 laravel v5.7 和 vue 2。然后我安装了Element UIiView UI Toolkit,一切正常,但是在任何 iView UI 组件中使用图标的任何东西都会显示方块,但我希望结果看起来像文档i 警报有一个图标。我已经搜索并尝试了许多解决方案,但没有一个有效,例如)

到目前为止我所做的

  1. 根据本文编辑 .htaccess 文件
  2. 安装Laravel Cors
  3. 运行npm run watch后确认“/fonts/vendor/iview/dist/styles”中存在字体
  4. 清除了我的缓存,历史记录,一切。5) 检查 css 文件是否被正确引用。6) 检查 css 是否正确引用了字体。这是css文件的片段。
  5. 在 Chrome、Firefox 和 Opera 上测试了应用程序,同样的问题

我在 app.js 中有什么

我在 vue 模板中的一个片段

刷新后的页面 - 网络选项卡

组件已加载,但字体图标未加载

刷新后的页面 - 控制台日志选项卡

控制台日志

刷新后的页面 - 元素选项卡,拉字体的 css

在此处输入图像描述

字体文件夹

在此处输入图像描述

我注意到了什么。

有趣的是,似乎只有 Element UI 字体有效。我还尝试安装 font-awesome 字体,但没有成功。

其他重要说明

  1. 我正在虚拟主机上开发
  2. 我正在使用 xammp 进行离线开发