将材料设计与 VueJS 结合使用

2024-02-29

我正在使用 VueJs 构建一个 Web 应用程序,并且需要一个 css 框架来设计一些东西,而不是从头开始!

我找到了material-design-lite(www.getmdl.io),但我无法让它与vue-router一起正常工作。

我的第一页正确显示,但当我尝试移动到另一个页面时,出现此错误:

vue.esm.js?65d7:467 DOMException: Failed to execute 'insertBefore' on 'Node': The node before which the new node is to be inserted is not a child of this node.

我认为这是因为文档中的“在动态网站上使用 MDL”(https://getmdl.io/started/index.html https://getmdl.io/started/index.html)但我无法弄清楚并解决我的问题。

否则,我找不到 vue 的示例来解决这个问题。

有人知道如何让 mdl 与 vuejs 一起使用吗?

谢谢, 朱尔斯.


有些元素是在 MDL 的 componentHandler 运行后由 Vue 插入的,所以你必须restart他们。您可以在已安装的挂钩中执行此操作:

mounted: function(){
    componentHandler.upgradeAllRegistered();
}
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

将材料设计与 VueJS 结合使用 的相关文章

  • 获取express.js中间件请求中“#”后的url

    我需要获取服务器中间件上的 url 使用express js 我用req url但是当 url 开头时 some urlreq url 返回 与req path 有没有办法获取url之后 在express js中 No URL 中以 符号永
  • Angular 4 过滤器搜索自定义管道

    所以我试图构建一个自定义管道来在 ngFor 循环中执行多个值的搜索过滤器 我花了几个小时寻找一个好的工作示例 其中大多数都是基于以前的版本 并且似乎不起作用 所以我正在构建管道并使用控制台为我提供值 但是 我似乎无法显示输入文本 以下是我
  • 类型错误:类扩展值未定义不是函数或 null

    尝试创建这些实体时出现以下错误 TypeError Class extends value undefined is not a function or null 我假设这与循环依赖有关 但是在使用表继承和一对多关系时应该如何避免这种情况
  • Eslint 从另一个文件确定全局变量

    我试图以这样的方式设置 ESLint 使其在对实际目标文件进行 linting 之前解析全局声明文件 这样我就不必将所有确实是全局的函数和变量声明为全局 而是让解析器弄清楚 In 一些 模块 js function do something
  • 如何在 DOM 中的每个元素中调用函数,即使它们是动态创建的

    我想对 DOM 上的特定元素调用函数 例如 red css backgroundColor pink 它适用于 DOM 中已经存在的任何元素 但我也希望在动态添加到 DOM 的元素中调用此方法 我尝试过类似的事情 red on functi
  • 在随机位置启动 HTML5

    我有一个大约 2 小时长的音轨 我想在我的网站上使用它 我希望它在页面加载时在随机位置开始播放曲目 使用 HTML5 可以吗 我知道您可以使用 element currentTime 函数来获取当前位置 但是如何在完全下载之前获取曲目的总时
  • 这种类型注释在没有 TypeScript 的 React 代码中如何工作?

    我在看这段代码示例 https reacttraining com react router web example auth workflow在 ReactRouter 页面上 这篇文章很有趣 const PrivateRoute com
  • karma/jasmine 控制台更详细的测试结果

    我使用 Karma 和 Jasmine 进行 javascript 单元测试 假设我有一个失败的测试 如下所示 expect objectA toEqual expectedObjectA 当失败时 我看到控制台上转储了两个对象 并显示一条
  • 如何在 React Native 上显示 SVG 文件?

    我想显示 svg 文件 我有一堆 svg 图像 但我找不到显示的方式 我尝试使用Image and Use的组成部分反应本机 svg https github com magicismight react native svg但他们不这样做
  • 全局传递 xhr onload 函数的值

    在我正在创建的应用程序中 我有以下 XMLHttpRequest 并且我正在尝试传递结果data在 的里面xhr onload 到在同一父函数中创建的数组中 var url http api soundcloud com resolve j
  • 如果没有 /// 标签,TypeScript 的“将 JavaScript 输出合并到文件中”选项无法推断出正确的脚本顺序

    我正在开发一个使用 将 JavaScript 输出合并到文件中 选项的 TypeScript 解决方案 我经常引用另一个文件中定义的项目 例如 In MyBaseClass ts export class MyBaseClass In My
  • 当我多次调用 requestAnimationFrame 时会发生什么

    我的意思是一次调用多个具有相同功能的 requestAnimationFrame function Draw DoSomething function AFunc prepare something requestAnimationFram
  • webpack中动态加载外部模块失败

    我正在尝试建立以下架构 一个核心 React 应用程序 它具有一些基本功能 并且能够在运行时加载其他 React 组件 这些额外的 React 组件可以按需加载 并且它们在构建核心应用程序时不可用 因此它们不能包含在核心应用程序的捆绑包中
  • Web组件中嵌套槽的内容不可见

    我有一个 Web 组件 它应该接受任意元素来包装其内容 虽然我可以在 Chrome 开发工具中看到插槽已正确分配 但 DOM 中什么也没有出现 以前有人见过这个问题吗 定义 class ExampleParent extends HTMLE
  • javascript 是否有等效的 __repr__ ?

    我最接近Python的东西repr这是 function User name password this name name this password password User prototype toString function r
  • Javascript 浮点乘以 100 仍然有错误

    我有一个货币字段的文本输入 我在字段中输入 33 91 并在尝试使用 乘以 100 技术时得到以下结果 var curWth parseInt trans withdraw index val 100 3390 var curWth par
  • 如何在画布上所有其他内容后面绘制图像? [复制]

    这个问题在这里已经有答案了 我有一块画布 我想用drawImage在画布上当前内容后面绘制图像 由于画布上已经有内容 我正在使用字面上的画布来创建包含图像的画布 因此我无法真正先绘制图像 所以我无法使用drawImage在我呈现其余内容之前
  • PDF 在 Safari 中隐藏 Jquery Modal

    这是与我有关的事情this https stackoverflow com questions 24052681 pdf hide jquery modal in ie问题 在 IE 中 我在对话框中使用 iframe 解决了问题 所以它工
  • 在 JavaScript 函数的 Django 模板中转义字符串参数

    我有一个 JavaScript 函数 它返回一组对象 return Func id name 例如 我在传递包含引号的字符串时遇到问题 Dr Seuss ABC BOOk 是无效语法 I tried name safe 但无济于事 有什么解
  • Chrome 扩展:强制 popup.html 关闭

    我想知道是否可以强制 popup html 关闭 在弹出的 javascript 中 window close

随机推荐

  • 在 C 中正确地将 const void 指针转换为 const char 指针数组

    我有一段 C 代码 如下所示 const char foo 2 bar Now bar 是一个返回 a 的函数 const void 我如何正确地投射这个const指针 该代码从 GCC 产生此警告 initialization disca
  • FFMPEG“找不到带有路径的文件”和“没有这样的文件或目录”

    我尝试将一系列图片转换为视频文件 但我从ffmpeg响应 没有这样的文件或目录 有人有解决办法吗 我的命令行 ffmpeg r 1 5 start number 0 i C Users USER Desktop Pictures 3d pn
  • 为什么文本节点出现在转换后的 xml 中

    我想使用 xslt 从 xml 文件的元素中选择一些具有特定值的节点集 我确实得到了我想要的节点 但我也从文本节点得到了一些序列化文本 你能帮我去掉这段文字吗 这是源文件
  • 从另一个线程最大化/最小化窗口

    我试图找出最小化 最大化另一个线程拥有的窗口的正确方法 我的目标窗口可以是全屏的 也可以不是全屏的 无论其状态如何 我应该能够最小化和最大化它 我尝试过 ShowWindow SW MINIMIZE SW MAXIMIZE SW FORCE
  • 创建表单时出错。有关详细信息,请参阅 Exception.InnerException。错误是:对象引用未设置到对象的实例

    我在尝试调试我的表单时收到此错误 我根本看不到错误可能在哪里 也没有突出显示哪里 有人有任何建议吗 创建表单时出错 请参阅 Exception InnerException 细节 错误是 对象 未设置对实例的引用 目的 Dim dateCr
  • KVC 使用哪种方法? [关闭]

    Closed 这个问题是基于意见的 help closed questions 目前不接受答案 使用哪种方式进行键值编码更好 让我们假设我的控制器类有变量我的变量 有人可以写一下意见 哪些是好的 哪些是坏的 以及为什么 1 Method i
  • 是否可以从对象内部将对象设置为空?

    我知道this null是非法的 我想知道是否还有其他方法可以让对象自行清理 我的愿望是能够做这样的事情 A a new A a doStuffAndDisappear if a null this is true after my doS
  • 使用 AngularJS 的 ng-options 进行选择

    我在其他帖子中读到过它 但我无法弄清楚 我有一个数组 scope items ID 000001 Title Chicago ID 000002 Title New York ID 000003 Title Washington 我想将其渲
  • WEB-INF/lib 目录与 Java 9 模块

    Web 应用程序的 WEB Inf lib 目录用于存放 jar 文件 servlet 容器 例如 Tomcat 会自动将其放入应用程序的类路径中 对于 Java 9 的模块化 jars 这种机制如何工作 或将来应该工作 有什么想法吗 它们
  • Xcode Swift MacOS 应用程序,将文件拖放到 NSTextField 中

    我正在为 MacOS 实现我的第一个应用程序 用户应该输入要处理的文件路径 我的 NSViewController 应用程序上有一个 NSTextField 我想让用户只需将一个文件拖放到那里 这样我就可以获得文件路径 打开它并在 NSTe
  • XNA 框架导入器

    我正在使用 XNA 框架开发游戏 我的游戏有几个级别 我将数据存储在纯旧文本文件中 在 VS 2008 中 当我将关卡文件添加到项目并编译时 我收到以下错误消息 错误 1 无法自动检测用于 Levels 0 txt 的导入程序 没有处理此文
  • Automapper 继承——重用映射

    我正在尝试使用自动映射器为父对象创建单个映射 并在其子对象中重用它 对于子属性 我只想映射额外的字段 这可能吗 我的代码看起来像这样 CreateCalculationMap message This does the BASE paren
  • JavaScript 中的 new 运算符如何工作?

    可能是 JavaScript 中最难理解的部分 位于原型链旁边 所以问题是 如何 new dataObj args 实际上创建一个对象 并定义它的原型链 构造函数 等 最好是展示一个替代方案 以充分理解这个关键字 The new操作员使用内
  • HTML5本地存储VS应用程序缓存离线网站浏览

    看了多篇文章后 我仍然不清楚本地存储和应用程序缓存清单之间的区别 还提到 AppCache 应用程序缓存 Web Storage 的 LocalStorage 吗 https stackoverflow com questions 1098
  • java.lang.LinkageError 类加载错误

    我的系统 Java Eclipse 环境有一些问题 我收到此错误 但我不明白出了什么问题 java lang LinkageError loader constraint violation loader instance of jsyst
  • 如何在 Swift 中获取短格式的当前日期

    在下图中 您可以看到我编写的代码以及所有变量的值 class fun getCurrentShortDate gt String var todaysDate NSDate var dateFormatter NSDateFormatter
  • 如何使用 Windows API 捕获屏幕和鼠标指针?

    我使用下面的代码以位图形式捕获屏幕 屏幕已被捕获 但我无法将鼠标指针放在屏幕上 你能建议一些替代方法来捕获鼠标吗 private Bitmap CaptureScreen Size size is how big an area to ca
  • SQL 增加一个数字

    Problem 我想根据表格增加一个数字 例如 如果一个表包含 排 1 1 2 3 4 4 4 5 mytable 列应在此基础上增加 取上一列中的 max row 1 所以结果应该是这样的 6 6 7 8 9 9 9 10 这是到目前为止
  • 如何获取 PFX 密钥的容器名称?

    不久前 我使用如下命令将 PFX 密钥安装到容器中 sn i mykey pfx VS XXX 但两个月后我忘记了容器名称 VS XXX 所以我的问题是 如何取回比名字 我知道密钥名称 我有这个密钥 我知道密钥密码短语 下载Keypal h
  • 将材料设计与 VueJS 结合使用

    我正在使用 VueJs 构建一个 Web 应用程序 并且需要一个 css 框架来设计一些东西 而不是从头开始 我找到了material design lite www getmdl io 但我无法让它与vue router一起正常工作 我的