vue mdl componentHandler.upgradeDom()返回的不是函数
vue mdl componentHandler.upgradeDom()返回的是一个对象，而不是函数。
在Vue中，vue-mdl是一个用于集成Material Design Lite（MDL）的插件。componentHandler.upgradeDom()是MDL库中的一个方法，用于将DOM元素转换为MDL组件。
该方法返回一个对象，该对象包含了一些用于操作MDL组件的方法。其中包括：
- upgradeElement(element)：将指定的DOM元素转换为MDL组件。
- upgradeElements(elements)：将指定的一组DOM元素转换为MDL组件。
- downgradeElements(elements)：将指定的一组MDL组件转换回普通的DOM元素。
- upgradeAllRegistered()：将所有已注册的DOM元素转换为MDL组件。
这些方法可以用于在Vue中使用MDL组件时，手动进行组件的初始化和销毁操作。
在应用场景上，vue-mdl可以用于构建符合Material Design风格的用户界面。它提供了一系列的组件，如按钮、卡片、表单等，可以方便地在Vue项目中使用。
推荐的腾讯云相关产品和产品介绍链接地址：
- 腾讯云云服务器（CVM）：https://cloud.tencent.com/product/cvm
- 腾讯云云数据库MySQL版：https://cloud.tencent.com/product/cdb_mysql
- 腾讯云对象存储（COS）：https://cloud.tencent.com/product/cos
- 腾讯云人工智能（AI）：https://cloud.tencent.com/product/ai
- 腾讯云物联网（IoT）：https://cloud.tencent.com/product/iotexplorer
- 腾讯云区块链（BCS）：https://cloud.tencent.com/product/bcs
- 腾讯云视频处理（VOD）：https://cloud.tencent.com/product/vod
- 腾讯云音视频通信（TRTC）：https://cloud.tencent.com/product/trtc
请注意，以上链接仅供参考，具体的产品选择应根据实际需求进行评估和决策。
相关·内容
尝试将mdl实例化到vuejs项目(vue v2.1)中。遇到与非常相似的问题，除了我在App.vue中调用mounted () { componentHandler.upgradeDom()}时，它返回：
TypeError: _materialMin2.default.upgradeDom如果我在挂载的钩子中使用console.log(componentHandler.upgradeDom())，那么它将返回一个emtpy对象。我也尝试在已装载<e
浏览 5提问于2017-01-26得票数 0
2回答
= document.createElement('div');
loginForm.innerHTML = '<div class="mdl-textfieldmdl-js-textfield mdl-textfield--floating-label textfield-demo"><input class="mdl-textfield__input"
浏览 3提问于2015-08-10得票数 5
回答已采纳
为说明这一问题，简化如下：<div class="switch"></div><div class="switch">switch.html问题是当我把它拖到画布上时。jQuery查看switch.html并将<div class
浏览 6提问于2015-09-02得票数 19
回答已采纳
当Mustache.js考虑文档“就绪”时，使用JQuery动态添加第二个MDL芯片。
会显示动态添加的MDL芯片，但不显示MDL工具提示。直接嵌入在HTML中的MDL芯片确实呈现了MDL工具提示。我做了一个，普遍的共识是，在页面加载后添加的MDL组件(即动态MDL组件)不会添加到MDL的组件“注册表”中。调用componentHandler.upgrad
浏览 1提问于2017-01-26得票数 2
回答已采纳
2回答
我看过一个类似的问题，即：
如果我取消对mdl-layout__drawer的注释，那么一切都可以正常工作，尽管导航抽屉图标没有正确对齐，这让我怀疑是不是我遗漏了原始HTML中的一些重要元素。我们将一如既往地感谢您的帮助。
浏览 2提问于2016-02-28得票数 3
2回答
我有一个使用Material Design Lite的angular2组件，但是checkbox (可能也是其他的)元素在第一次加载该组件时不能正确呈现，而如果我与复选框交互，则mdl样式被正确应用。在我的组件中我有 componentHandler.upgradeDom();但是这并不能解决我的问题，所以我使用了一个setTimeout在服务返回一些数据之后执行这似乎是可行的，但建议这样做吗？th
浏览 0提问于2017-03-02得票数 0
当我添加一个选项卡时，它的父元素已经升级了。因此，调用upgradElement没有任何效果，添加的选项卡也不起作用。什么解决方案，用容器重新创建所有选项卡并升级它？
浏览 6提问于2015-11-06得票数 4
回答已采纳
error) { } });我的路线是这样的：有人知道怎么回事吗？好：
猜测这会引起以下问题：
如果将回调列为第三个参数，则此钩子将异步运行，转换将被阻塞，直到回调被调用.。好的，更新到：<Route path="/" component={Application} onE
浏览 0提问于2016-09-18得票数 3
我正在努力让Material (MDL)使用2.0.0-rc.1版本的Angular2，特别是动态内容。
我有两个组件，一个是包含第二个组件的主应用程序组件。我可以将HTML放入主组件的模板中，使用MDL类，拥有组件implement OnInit并从那里调用componentHandler.upgradeDom()。到目前为止添加的所有HTML现在都由MDL注册。我不明白为什么添加了动态内容之后从第二个组件调用componentHandler
浏览 2提问于2016-05-18得票数 2
回答已采纳
通过AJAX和使用componentHandler.upgradeDom()动态添加文本输入效果很好。但是，当我仅使用JavaScript克隆文本输入时，该函数没有任何帮助。mdl-js-textfield mdl-textfield--floating-label"> clonedTxtBox.appendTo("#Qs1&quo
浏览 28提问于2019-06-06得票数 0
回答已采纳
1回答
“材料设计”菜单在角2中不工作
、、、、
试着使用材料设计精巧的菜单，但菜单永远不会出现在屏幕上。虽然研究发现问题在于材料设计，Lite并不是设计用于动态页面。找到了少数的解决方案，但似乎行不通
import { Component } from '@angular/core'; fo
浏览 8提问于2017-07-28得票数 0
4回答
我目前正在与来自谷歌的MDL (材料设计Lite)在我的网站上工作，我有一个小问题。正如你所看到的，星星在好的地方，但密码留在这里(他是在任何点击或按键盘后移动的)。我的代码非常简单： <input class&
浏览 6提问于2016-03-17得票数 7
回答已采纳
1回答
早上好,并在卡的右下角添加上下文菜单()：};我的最终目标是在上下文菜单中有一些选项，比如删除、从服务器刷新等等。按钮上方的卡片可以看作是我试图达到<em
浏览 2提问于2017-07-12得票数 2
1回答
mdl-badge--overlap" data-badge="4"></div> </div>此代码中的工具提示将不会显示。另外，我想要做的另一件事是绑定到
浏览 6提问于2016-03-08得票数 5
回答已采纳
我有下面的javascript，它加载一个表，其中包含通过读取JSON数据集生成的行。// $('#queueHolder').append('<p>' + i.Filename + '</p>'); });</script>
下面是由该javasc
浏览 2提问于2015-12-21得票数 0
回答已采纳
2回答
我正在构建一个简单的登录页面使用谷歌的材料设计Lite网络框架和使用React.js来处理我的UI逻辑。我遇到了一个非常奇怪的问题:带有浮动标签的输入文本框在没有React的情况下呈现它时工作得非常好，但是在通过React类呈现时却不能工作。="mdl-grid">
<div className="mdl-cell mdl-cell--2-col">&l
浏览 2提问于2015-10-03得票数 3
回答已采纳
= $('<div>',{ 'class' : 'mdl-card.mdl-shadow--2dp data-display' });当新卡的内容出现时我看到了下面的链接
但使用下列任何一
浏览 3提问于2016-01-21得票数 1
回答已采纳
我如何在Wakanda Studio原型中使用MDL？
我将mdl的css和脚本添加到文档属性中，并将类添加到组件中，但没有任何效果。
浏览 0提问于2016-08-19得票数 2
1回答
我创建了一个onclick函数，然后通过从javascript添加它来显示进度条。我也在使用material design lite cdn。组件会被添加，但不会在UI上显示。进度条的代码 var pageContent = document.getElementById("page-content") progressBar.classList.add("mdl-spinner&
浏览 28提问于2020-04-23得票数 0
4回答
这是使用材料设计的复选框的标记： <input type="checkbox" id="checkbox" class="mdl-checkbox__input" />
<span
浏览 6提问于2015-09-18得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
