问题标签 [material-components-web]

我现在正在为 Bootstrap 4 或 Material 组件寻找日期选择器。

如果它会很棒：

1. 在视觉上与设计系统一致（我发现了带有 bootstrap 3 的选择器和 mdb 提供的选择器，但它们在应用程序中看起来不太好），
2. 可通过 npm 获得，并可与 react 一起使用，
3. 支持日期范围选择。

有人知道这样的组件或库吗？太感谢了！

我需要一些帮助来配置 material-web-components 以使用 vue.js 组件。当我想将 @material 组件 scss 导入我的 vue 组件时，会发生错误。

SomeVueComponent.js：

错误是一些@material组件导入了其他@material组件scss，但由于includePaths而无法找到，我通过将此代码添加到我的laravel-mix文件中来修复它：

webpack.mix.js：

保存此文件后，所有内容都可以正确编译，但现在我在网站上的所有 vue 组件都收到此错误：

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

经过一整天的研究如何解决这个问题，我发现冲突正在产生，因为我使用 webpack 推送 vue-loader 2 次（默认的 + 我自定义的）。

有谁知道如何做到这一点的解决方法？这真的很有帮助。

我在用：

• 拉拉维尔 5.7.8
• laravel 混合 4.0.15
• Vue 2.6.10
• Vue 加载器 15.4.2
• 网络包 4.27.1

在 vue-loader v13+ 之后，我已经尝试过导入 vue 组件的新方法。（在require之后添加.default）仍然相同的vue错误。

我是 Nuxt 框架的新手，我想将材料设计库集成到我的项目中（官方：https ://material.io/develop/web/ ）。

我用这个内容制作了一个插件：

我已将其添加到 nuxt.config.js 的插件部分。

它似乎在我加载页面时起作用（例如，文本字段动画正在工作）但是当我使用 nuxt-link 更改页面时，文本字段未初始化。

有谁知道如何让材料设计为每个加载的组件加载初始化函数？

提前致谢 ！

根据下面的代码，我有一个变量，一旦加载页面mdcDialog，它就会使用 (MDCDialog) 库进行初始化。material-components-web

在提交表单时，会阻止默认事件，而是ajaxSubmit()处理表单。
响应是一个 json 对象，我可以从中找到response.modal.modal带有字符串 value的变量mdcDialog。

但是出于某种原因，console.info(window[response.modal.modal]);返回 undefined 而不是 variable mdcDialog。
另一方面，console.log(mdcDialog)按应有的方式输出变量。

如果不起作用，我如何mdcDialog从字符串响应中访问我的变量？window

app.js

我正在使用 Spring Boot 和 Thymeleaf 构建一个页面，并且我想为 Web UI 使用材料组件。到目前为止，使用 CDN 一切正常。

但是，我希望个性化主题颜色。我找到了这个链接，但它似乎使用了 npm。

有没有其他方法可以在没有 npm 的情况下生成主题 css 文件？

我正在为我的 Web 应用程序使用材料组件。我是 node 和 npm 的新手，只是想在我的 web 应用程序中使用这个框架来处理 CSS/主题。

在添加数据表组件之前，我按照本教程进行操作并做得很好。下面是我得到的错误。

有没有人遇到过同样的错误？或者它是数据表组件中的一个错误。

感谢任何帮助。

我正在使用 express 和 material-components-web 编写一个 Node 应用程序，我遇到了 TextField 可以工作但 Switch 不能工作的问题。

这是我用来将相关 JS 附加到元素的代码：

当我注释掉文本字段的代码时，它停止工作，所以这mdc.textField.MDCTextField部分肯定是工作的。

我在 Chrome 开发工具中遇到的错误是：

我的 package.json 文件如下所示：

有任何想法吗？

我的代码中有一个问题，RTL 在任何地方都可以工作，除了通知徽章总是停留在右上方

https://jsfiddle.net/t54xsrvq/

它在 https://material-ui.com/components/badges/#api的演示中运行良好

这里有什么问题？

Material Web Components ( link ) 和Material Components Web ( link )之间有什么区别吗？

Material Web Components 没有太多解释

Material Web Components建立在Material Components Web项目和 LitElement 之上，可实现可靠的开发工作流程来构建美观且功能强大的 Web 项目。

而 Material Components Web 是

Material Components for web (MDC Web) 帮助开发人员执行 Material Design。这些组件由 Google 的核心工程师和 UX 设计师团队开发，可实现可靠的开发工作流程，以构建美观且功能强大的 Web 项目。

它只是在 LitElement 中使用 Web 组件重新实现所有 MDC 组件吗？

目前关于 Material Web Components 的文档非常稀少，因此很难在测试应用程序中使用它们进行比较。

顺便说一句，这个命名很糟糕，希望他们在预发布期间更改名称。

我无法让 MDC-Web 方法/框架方法正常工作。具体来说，我试图让 MDCIconButtonToggle 工作。我有一个图标按钮，单击时可以更改。我认为我设置它的方式是正确的，但是单击时它不会切换。

当我运行它时，每次单击“单击”按钮时，控制台都会按预期显示，但图标不会更改/切换。如果我将 MDCIconButtonToggleFoundation 更改为 MDCIconButtonToggle，我会在控制台中收到一条错误消息，但按钮会切换。

错误消息声称 expBtn.addEventListener 不是函数，或者 handleClick 未定义。

我已经查看了主要文档和this，但无法弄清楚我做错了什么。