草庐IT

按钮组件

全部标签

javascript - Vue-动态导入vue组件

我有很多组件,我想按需导入。我有一个下拉列表,其中实际包含组件列表,即要加载的内容。我试过这个例子在脚本中componentLoader(){return()=>import('@/components/testDynamic')}testDynamic是一个组件名称(现在我正在尝试使用静态组件)。出现这个错误GEThttp://localhost:8080/0.jsnet::ERR_ABORTED404[Vuewarn]:Failedtoresolveasynccomponent:function(){return__webpack_require__.e/*import()*/(0

javascript - 在 Summernote 中创建自定义按钮插件

我正在尝试在Summernote中创建一个自定义按钮插件,但是ui.button当然会创建一个按钮。例如,有什么方法可以使它成为一个div吗?context.memo('button',function(){returnui.buttonGroup([ui.button({className:'someClass',tooltip:'tooltipInfo',data:{toggle:'dropdown'},click:function(){}}),我尝试做的是:varbuttonGroup=ui.buttonGroup([...]);buttonGroup.changeTag('di

javascript - 具有动态图像源的可重用 Gatsby-Image 组件

我正在考虑在我的下一个项目中使用Gatsby-Image,并且已经尝试了一些。我让它在我的测试项目上工作,但后来我想出了一个用例,我想像使用常规一样使用Gatsby的标签。标签。如何使Gatsby组件可重用?importReactfrom"react"import{StaticQuery,graphql}from"gatsby"importImgfrom"gatsby-image"functionrenderImage({file}){console.log({file})return}//StatelessImagecomponentwhichIguesswill//receivet

javascript - 使用 Webpack 4 构建 React 组件库

我目前正在构建一个React组件库并将其与Webpack4捆绑在一起。从构建库的包到将其发布到npm注册表,一切都运行良好。但是,我无法在其他React应用程序中导入它的任何组件并在运行时收到此错误消息:Elementtypeisinvalid:expectedastring(forbuilt-incomponents)oraclass/function(forcompositecomponents)butgot:undefined.Youlikelyforgottoexportyourcomponentfromthefileit'sdefinedin,oryoumighthavemi

javascript - 发现哪个表单按钮触发了提交

在我的表单中,我有两个提交按钮。现在,在将表单提交回服务器之前,我想根据单击的按钮执行特定任务。$('form').submit(function(){ifsubmitequalssavetask1;elseifsubmitequalssendtask2}如何检查按下了哪个按钮? 最佳答案 $(":submit").click(function(){$("form").data("submit-button",this.name);});$("form").submit(function(){varbutton=$(this).da

javascript - jQuery Validation Plugin 停止表单提交,提交按钮不起作用

以下脚本使用jQuery验证插件-http://docs.jquery.com/Plugins/Validation-阻止发送此处找到的表单:http://www.bestcastleintown.co.uk/book2.php请填写表格并观察验证消息消失,然后尝试按发送,这似乎无法发送,我不明白为什么。删除此脚本后,联系表单将正常运行并允许发送。因此,我认为这是造成问题的原因。任何帮助或建议将不胜感激。jQuery.validator.setDefaults({debug:true,success:"valid"});;$(document).ready(function(){$("

javascript - 点击浏览器 "back"按钮显示 JSON 而不是 HTML(使用 Rails 和 d3.js)

我正在使用d3.jsJSON回调在Rails中生成图表,如下所示:查看d3.json(document.URL,function(data){//generatechart}Controllerdefindexrespond_todo|format|format.htmldo#returntheHTMLendformat.jsondo#returntheJSONendendend一切正常。然而,当用户离开此图表,然后使用浏览器上的“后退”按钮导航回到它时,他们会看到JSON而不是HTML。你能建议我如何解决这个问题吗? 最佳答案 嗯

javascript - 更改 windowManager TinyMCE 上按钮的配置

我在tinyMCE上制作了一个用于上传图片的文件管理器,并从另一个文件(attachment_path)获取表单上传和图片列表。首先,当我选择图片时,我成功获取了图片url并放入field_name。但是现在我想在选择图像时将禁用按钮(插入)更改为false并将图像的url放入按钮(使用自定义属性)。index_path上的脚本:file_browser_callback:function(field_name,url,type,win){tinymce.activeEditor.windowManager.open({title:'MyFileManager',file:"",wid

javascript - 从 webview 中捕获 native 后退按钮事件

我是webviews的新手,正在尝试使用它做一个应用程序。我有一个使用javascript显示的弹出窗口。它有一个关闭按钮来关闭。除了关闭按钮,我还想使用native后退按钮。也就是说,如果用户点击后退按钮,我的弹出窗口应该关闭。我的疑问是,它是否需要对native应用程序进行任何更改?或者webview将后退按钮操作转换为webview可以理解的一些事件,例如按键? 最佳答案 我不知道您是否支持HTML5,但如果支持,HistoryAPI中的history.pushState和history.onpopstate将完全满足您的需求

javascript - 使用 Browserify 设置 Karma 以测试 React (ES6) 组件

我在使用Karma+Browserify为某些React组件设置测试配置时遇到了问题。提到代码是用ES6编写的,我已经升级到最新的Babel版本(6+),我认为这是此配置中万恶之源。由于Babel现在已拆分并具有这种基于插件的方法(预设),我不确定我应该如何在karma.conf文件中指定它。我当前的配置如下所示:module.exports=function(config){config.set({basePath:'',browsers:['PhantomJS'],frameworks:['browserify','jasmine'],files:['app/js/**/*','a