草庐IT

vue组件

全部标签

javascript - 如何将 CSS 应用于 Google Closure 库中的组件?

我正在接触Google的闭包库。我创建了一个带有SelectWidget的简单页面,但它显然需要一些样式(元素看起来像纯文本,在下面的示例中,菜单项在按钮下方弹出)。我假设库支持样式——我怎样才能连接到它们?SVN中的每个示例页面似乎都使用了自己的CSS。缩写示例如下:goog.require('goog.dom');goog.require('goog.ui.Button');goog.require('goog.ui.MenuItem');goog.require('goog.ui.Select');varinputDiv=goog.dom.$("inputContainer");

javascript - 如何使用 JSF 复合组件使页面上的 id 唯一?

我正在为名为flot的Javascript图表库制作一个组件。//这是我目前拥有的少量代码。我遇到的问题是如何使该div标记在页面上随机生成,以便我可以输出多个图表。显然,在当前状态下它不会这样做。我需要将值传递到javascript函数中。我知道我可以创建另一个需要id的属性,用户必须指定id,但我注意到很多组件不需要id。在primefaces和icefaces等繁重的ajax/javascript库中,id似乎是随机的。 最佳答案 可以通过#{cc.id}获取复合组件自身的ID。因此,为了确保唯一性,只需执行以下操作:和$.p

javascript - 如何获取 Firefox 附加组件中*当前*页面的 SSL 证书信息

我正在尝试开发需要访问当前加载页面的SSL证书信息的Firefox扩展/附加组件。获得此信息后,我计划根据SSL信息修改页面内容。不过,在我到达那里之前,我首先需要获取SSL信息。概述的方法here发出单独的XMLHTTPRequest以获取安全证书。如果可以避免,我宁愿不这样做,因为它会带来安全问题。例如,恶意网站/中间人可以在第一次请求页面时提供一个证书(浏览器会验证),然后为我的扩展程序将发出的XMLHTTPRequest提供另一个证书。这将导致扩展根据不一致的信息修改站点内容。因此,我想获取浏览器本身在验证站点时使用的SSL证书信息。考虑到这一点,我将上述方法与Altering

javascript - 使用 Knockout 组件时替换容器元素

有没有办法配置Knockoutcomponent替换容器元素而不是将其内容嵌套在容器元素中?例如,如果我使用以下模板将自定义组件注册为my-custom-element:Helloworld!是否可以像这样使用组件:最终产品是这样的:Helloworld!而不是这样:(Knockout默认渲染组件的方式)Helloworld!Basedontheanswertothisquestion,似乎此功能内置于模板引擎中,我假设在呈现组件模板时也会使用它。有没有一种方法可以指定组件应该使用replaceNode的renderMode进行渲染?我知道“虚拟元素”语法,它允许在HTML注释中定义组

javascript - 如何在 react.js 中检测父组件中的子渲染

我正在尝试缓存App组件的渲染标记。我知道这在某种程度上“违反了规则”,但我处于无服务器环境(chrome-extension)中。页面加载后,我想将缓存的App标记注入(inject)DOM。预期结果类似于在服务器上使用react-componentrendererd的体验。非常像这里描述的那样:http://www.tabforacause.org/blog/2015/01/29/using-reactjs-and-application-cache-fast-synced-app/.为了说明我的用例,我更新了Thinkinginreactexample:应用程序可过滤的产品表搜索

javascript - jsx React组件中的格式数字

这个问题已经存在:javascriptnumber/currencyformatting[duplicate]关闭7年前。我正在编写一个jsx文件,想要格式化表格中数字的显示。这是表格的代码:{stringVar}{numberVar}直接打印numberVar;如何使用C风格的字符串格式显示该数字(我需要设置精度值、添加逗号和$字符)?

javascript - Ember.js 动态组件

我有两个模型Admin和User我的申请模板如下//application.hbs{{outlet}}{{header-nav}}我想做什么(如果可能的话)使{{header-nav}}可定制,我解释说:如果admin验证我想渲染组件{{admin-header}}在user进行身份验证的情况下,它应该呈现{{user-header}}。我如何构建要在application.hbs中动态呈现的内容? 最佳答案 您可以使用{{component}}帮助程序,但您需要先确定组件名称,因此,在您的Controller中:nameForCo

javascript - 外部 react 组件看不到 React.Component

当我链接为npm包时,外部React组件显示UncaughtTypeError:Cannotreadproperty'Component'ofundefined。我将package.json中的一个包链接为"react-mapbox":"https://github.com/varya/react-mapbox.git"。然后我在代码中使用它import{render}from'react-dom';importMapBoxfrom"react-mapbox";render(Hello,world!,document.getElementById('example'));但没有任何效果

javascript - Ember "this"在组件中未定义

我正在尝试制作一个进度条,它会随着更多挑战的完成而更新。但是,组件无法访问该属性,因为它是未定义的。我已经注入(inject)了一个服务,我正在尝试从该服务的一个属性创建一个计算属性。但是,除非在调试中,否则这始终是未定义的。importEmberfrom'ember';exportdefaultEmber.Component.extend({progress:0,game:Ember.inject.service(),events:this.get("game.challenges")});this怎么能在上面的代码中没有定义呢?它如何不绑定(bind)任何范围?我已经投入了这样的调

javascript - react 路由器不渲染组件

我们像这样使用react-router:ReactDOM.render(,document.getElementsByClassName("container")[0]);varAnyPic=React.createClass({render:function(){return(Helloworld)}});varPhotoView=React.createClass({render:function(){return(Thisisthephotoview)}});在包含react-router之后,以前只是localhost:8000的内容开始看起来像localhost:8000/#