问题标签 [element-ui]

使用 firebase 4.10.1 和 vuefire 1.4.5。

我已经确认我已经初始化了 firebase，导出了一个dbconst，并正确导入了 vuefire。

我正在尝试将我的 firebase 对象 (JSON) 加载到我的dataTable组件数据中。

我正在尝试这个：

它连接正确，因为如果我{{ fbObj }}在我的模板中使用，我会得到完整显示的 JSON 对象。但是，如果我尝试将其加载到 dataTable 上，则会"fbObj is not defined"出现控制台错误。

如何将我的 firebase 对象加载到 dataTable 上？

我正在使用 vue 和 element ui 来上传文件。但我不知道如何获取上传文件的网址（基本上我想检查文件类型 - jpg 或 pdf 然后做点什么）。

请帮忙...

我已经添加了这个尝试获取 URL ..但它不起作用..

我正在尝试使用计算属性来监视ElementUI的el-input组件中的值，但我想要的值没有显示在组件中。具体来说，当用户键入输入时，我想将长度限制为三个字符，而不让输入显示更多。例如，我不希望用户键入 5 个字符的行为，然后当el-input不在焦点时，值得到更正。我意识到有一个maxlength属性，但我想让验证更通用。作为对此的扩展，我希望能够在内容上调用任何类型的函数el-input并显示该函数的结果。这就是我现在正在做的事情：

模板：

脚本：

获得所需行为的最佳方法是什么？

今天我遇到了一个非常奇怪且不常见的问题，想知道是否有人已经遇到过它以及是否可以修复。问题是，正如您在下面的代码中看到的那样，我的 Vue 组件只有一个来自 Element-UI 库的对话框元素。没有什么奇怪的，只是当我加载组件时，对话框后面的颜色从正常的灰色调变为完全黑色，然后又变回灰色。我知道应该有一个动画从白色变为灰色并在它消失时变回白色。我已将我的代码放在这里，并附有两个屏幕截图，以便您更好地理解。

我省略了样式，因为我什至没有在对话框中使用它们。此外，如您所见，我将模板、脚本和样式作为组件编写在同一个文件中。

如果有人有最遥远的想法，请随时提出建议。提前非常感谢！

编辑

我添加了一个 gif 而不是两个图像，因为它代表了更好的情况。

分页部分使用element.ui。这是我的问题：在方法回调中，console.log 可以回显实际总页数，但不能在模板上显示，只能在窗口中看到第 1 页。我对此感到很困惑。是不是说vue可以在视图上立即显示变化的数据

这是父组件：

这是子组件：

我可以打开，dialog但是当使用右上角的按钮关闭对话框时，dialog我收到此错误：

避免直接改变 prop，因为只要父组件重新渲染，该值就会被覆盖。相反，使用基于道具值的数据或计算属性。正在变异的道具：“dialogVisible”

后来我尝试玩并做了类似下面的事情，但现在我什至无法打开dialog：

我需要帮助编写 Laravel Dusk 测试。我将 Vue 与ElementUI一起使用。select()我真的很喜欢这个框架，但是，我不能在我的测试中使用 Dusk 的内置方法。

这是因为 ElementUI 的select组件不会生成真正的<select>标签，而是创建一个普通的<input>（即只读的），并且在页面底部，带有 select 选项的 popper，所以，<select>我的页面中没有标签，只有一个<div>和一个只读<input>。

我怎样才能用 Dusk 编写一个测试，让我点击一个“div”？

如果我尝试使用以下内容输入该输入：

它向我抛出了一个异常：

所以我不知道如何测试 ElementUI 的选择 :(

请帮忙，

谢谢！

编辑

发布 ElementUI 生成的 html：

编辑2：

我用 ElementUI 的选择示例添加了一个简单的JSFiddle 。我只是想用 Laravel Dusk 测试那个选择

请查看密码字段。Password并在单击按钮Confirm Password时显示字段。Change Password?

下面的代码工作正常，并按预期验证表单，v-show但不验证何时v-if使用。

我了解什么v-show和v-if做什么，以及data(){}它在 element-ui 的文档中的功能。这是文档的网址：http ://element.eleme.io/#/en-US/component/form#custom-validation-rules

所以我认为标题已经足够解释：我想动态地为我的整个应用程序设置主题。也许这意味着当我按下特定按钮时更改所有 div 的颜色，或者在特定用户登录时更改整个 webapp 的颜色。

只是为了对我目前正在做的工作提供一些见解，我会说我已经构建了一个使用许多库的 Vue.js 应用程序，包括一个名为 Element-ui 的应用程序，它已经内置了一个主题选项。问题是它是用 scss 编写的，我想在导航期间更改所有可变颜色。我的项目看起来像这样：

我有很多像这样的文件，所以为所有这些文件创建一个“全局函数”对我来说似乎不切实际。此外，我只在我的main.js.

我能做些什么来为我的 web 应用程序创建一个动态主题吗？使用 saas 是个好主意吗？也许是Javascript？

编辑

我觉得我解释得不够好，所以我想添加一个简单的例子。如果您访问Element页面，您可以在右上角看到一个颜色选择器，当颜色改变时，它也会改变整个网站的强调色，如按钮颜色、链接颜色等。

希望这可以帮助更好地理解

编辑

现在，我已经确定了一个非常糟糕且我认为优化不佳的解决方案。这个想法是，当用户更改主题时，我只需创建一个新的 css 文件并将其附加到当前文档。

我真的认为这是一个非常糟糕的解决方案，但现在我想不出任何其他可以在用户更改参数时正常工作的方法。我真的希望这个过程完美无瑕：用户选择一种颜色，整个应用程序只是更改为该特定颜色，没有预建theme.css的 .

最终编辑

终于找到解决办法了，参考答案！

我有一个打开Popover元素的按钮。在对话框中，我有两个按钮：Cancel并且Sure，当我单击其中一个按钮时，我想关闭对话框。我怎样才能做到这一点？

这是我的代码：