草庐IT

html属性

全部标签

javascript - 未在实例上定义但在渲染期间引用的属性或方法 I Vuex

我收到以下错误。[Vuewarn]:Propertyormethod"updateData"isnotdefinedontheinstancebutreferencedduringrender.Makesuretodeclarereactivedatapropertiesinthedataoption.据我所知,代码已经有了方法,所以由于我对Vuex的无知,我被困在了一些我错过的东西上。我用谷歌搜索了这个问题并得到了很多答案,但没有一个让我更明智地去做。我感觉这似乎是有范围的。我也遇到了下面的错误,但我怀疑这两者的根本原因相同,所以解决一个就会解决另一个。[Vuewarn]:Inval

javascript - react-i18next: 在文本中间插入 HTML 标签中的链接

我正在使用react,i18next和react-i18next.我想在文本中间有一些带有HTML链接的可翻译文本,这些文本是在react中插入的,如下所示:Thisismytextwithabeautifullinkinthemiddleofthetext下面的解决方案有效,但问题是我需要在react中插入链接,因此它不能在标签文件中进行硬编码:"my-label":"Thisismytextwithabeautifullinkinthemiddleofthetext"[...]看起来这样好多了:"my-label":"Thisismytextwith{{link}}inthemid

javascript - 对象不支持属性或方法 'assign'

我设置webpack+babel配置webpack.config.js...module:{rules:[{test:/\.(js|jsx)$/,exclude:/node_modules/,loader:'babel-loader'},....babelrc{"plugins":["lodash","transform-object-rest-spread"],"presets":[["env",{"targets":[">4%","ie11","safari8"]}],"react","react-optimize"],"env":{"test":{"presets":["es20

javascript - Vue Js - 无法读取未定义的属性 - (但它在浏览器上呈现)

我在Vue上有这种奇怪的行为。我正在尝试呈现一个名为descrizione的对象的嵌套属性并且它有效!但在控制台中,我收到来自Vue的警告:TypeError:Cannotreadproperty'descrizione'ofundefined"这是我的代码:HTML{{modello.lineaGialla.descrizione}}{{modello.lineaBlu.descrizione}}JSON{"lineaGialla":{"class":"gialla","selected":false,"descrizione":"Questaèlineagialla","descr

javascript - 属性(property)历史不存在

我正在尝试使用React和TypeScript启动一个新项目,我坚持的一件事是Router,出于某种原因TypeScript不承认history属性,尽管它应该可用accordingtothedocumentation.我的组件import*asReactfrom'react'import*asReactDomfrom'react-dom'import{Provider}from'react-redux'import{BrowserRouterasRouter}from'react-router-dom';importcreateBrowserHistoryfrom'history/c

javascript - 将 SVG 'd' 属性正确拆分为标记的正则表达式是什么?

我正在尝试将svg文件中路径标记上的d属性拆分为标记。这个相对简单:d="M2-12C515211927-2C1712-34057"tokens=d.split(/[\s,]/)但这也是一个有效的d属性:d="M2-12C5,15,21,19,27-2C17,12-3,40,5,7"棘手的部分是字母和数字不再分隔,负数仅使用负号作为分隔符。如何创建处理此问题的正则表达式?规则似乎是:在有空格或逗号的地方拆分从字母中拆分数字(并保留“-”与数字)我知道我可以使用环视,例如:tokens=pathdef.split(/(?我在构建一个正则表达式时遇到问题,该正则表达式也在减号上拆分并使减号

javascript - 在 Shiny 中使用 JavaScript 获取呈现的 UI 中元素的属性

我正在尝试获取或更改Shiny中Javascript元素的属性。所以在下面的例子中,我想在使用Javascript渲染时直接获取iframe的宽度。我知道我可以设置iframe的宽度,但这不是目标。我还希望能够获得宽度以外的其他属性,例如iframe的frameBorder属性。Here它说“为x触发的最后一个事件是shiny:value”,所以我假设绑定(bind)到它会起作用:library(shiny)jsCode但是,我们可以看到alert已经在iframe实际呈现之前触发(?)所以我的问题是;如何在渲染时直接用Javascript获取iframe的宽度(或任何其他属性,例如f

javascript - 如何在 Angular 5 组件中有条件地加载 templateUrl html 文件

我的项目中有一个场景,考虑一下,我有一个testDynamic组件@Component({templateUrl:"./test-dynamic.html",//NeedtooverridethisfilestyleUrls:['./test-dynamic.css']})exportclasstestDynamic{constructor(){}}这里需要检查覆盖文件夹中是否存在override1.html文件,然后加载此文件作为templateUrl,否则加载组件默认的test-dynamic.html。知道如何实现这一目标吗?引用下图可以清楚理解 最佳

javascript - 通过 JSON/AJAX 更新 HTML

自从听说JSON以来,我一直在我的Rails应用程序中使用JSON来处理AJAX功能,因为使用RJS/呈现HTML“感觉”是错误的,因为它违反了MVC。我从事的第一个AJAX密集型项目最终有20-30个Controller操作直接绑定(bind)到特定的UI行为,我的View代码分布在Controller操作、部分和rjs文件上。使用JSON允许您在View中保留特定于View的代码,并且仅通过AJAX与View不可知/RESTfulController操作对话以获取所需数据。我在使用纯JSON时发现的一个令人头疼的问题是您必须通过JS“呈现”HTML,对于必须更新DOM-heavy元

javascript - HTML5 中的 localStorage 是如何工作的?

HTML5中的localStorage是如何工作的?我搜索了每个地方(甚至在SO中)以找到localStorage的实际内部逻辑,但我最终访问了一些使用localStorage的示例。我没有找到任何有用的问题答案。有人可以给我发一个链接或解释一下localStorage的工作原理吗 最佳答案 我不一定确定您在这里寻找什么...但是localStorage的内部实现将是特定于浏览器的。我不会指望任何两个浏览器在内部以相同的方式实现该功能(就像所有东西一样,实现和性能会给每个浏览器带来不同的优势)。如果您真的很感兴趣,我建议您下载Chr