草庐IT

babel-plugin-transform-vue-jsx

全部标签

javascript - 如何使用 Vue.js 预加载图像?

我有一个使用Vue.Js(带有webpack)的小应用程序。我有一个过渡部分。当用户单击按钮时,内容将发生变化。这是一个带有IMG子元素的简单DIV元素。我的问题是当用户单击按钮时,下一张图像将实时加载并且速度很慢,所以我需要以某种方式预加载这些图像。我尝试了不同的方法,但无法实现预加载图像。问题:页面显示时只有第一张图片是DOM的一部分,其他图片不会加载。好的,这是正常行为。我无法通过对图像数组(PreloadingimageswithJavaScript)使用简单的for循环来预加载图像,因为每个请求都会通过唯一的查询字符串()来请求图像。因此预加载的图像名称将与请求的不匹配。我尝

javascript - Babel 的有趣导入

因为我知道目前没有浏览器实现ES6模块接口(interface)——但转译器实现了——我用这个简单的例子测试了babelimport{getUsefulContents}from"file.js";getUsefulContents("http://www.example.com",data=>{doSomethingUseful(data);});我只是想看看它是如何转换这些行的。令我惊讶的是,它产生了以下输出:"usestrict";var_fileJs=require("file.js");(0,_fileJs.getUsefulContents)("http://www.exa

javascript - Babel 已经做了 Object.create(superClass.prototype) 为什么还要用 setPrototypeOf 来继承?

将以下代码发布到BabelREPLclassTest{}classTest2extendsTest{}你得到了这个inherits函数function_inherits(subClass,superClass){if(typeofsuperClass!=="function"&&superClass!==null){thrownewTypeError("Superexpressionmusteitherbenullorafunction,not"+typeofsuperClass);}subClass.prototype=Object.create(superClass&&superC

javascript - 如何检查一个对象是否是一个 Vue 组件?

是否有可靠的方法来检查对象是否为Vue.js组件? 最佳答案 您可以使用instanceof,如下代码:varisVueComp=vuecompinstanceofVue如果isVueComp为真,则它是一个Vue.js组件,否则不是。您还可以使用vuecomp.prototype.constructor,它将返回对创建实例对象的Object构造函数的引用。检查这个fiddle. 关于javascript-如何检查一个对象是否是一个Vue组件?,我们在StackOverflow上找到一个

javascript - 通过 ajax 调用在 Vue.js 中填充下拉列表

我希望能够进行ajax调用并使用返回的结果使用vue.js生成下拉选项.我可以这样做:{{option.text}}Selected:{{selected}}.js文件newVue({el:'...',data:{selected:'A',options:[{text:'One',value:'A'},{text:'Two',value:'B'},{text:'Three',value:'C'}]}})但我不想让我的选项硬编码,而是来自ajax调用。Ajax调用看起来像这样:functionpullEmployees(){vareventOwnerId=$('#eventOwner')

javascript - 在 JSX 中使用 React.cloneElement()

我想知道如何在JSX中使用cloneElement语法。我阅读了文档并尝试了示例,但仍然没有任何线索。classABCextendsReact.Component{constructor(props){super(props)}render(){return({React.cloneElement()})}} 最佳答案 根据documentation:CloneandreturnanewReactelementusingelementasthestartingpoint.Theresultingelementwillhavetheo

javascript - Vue.js 1.0 方法不会在更改选择时触发

关注Vue.js1.0examples,我用v-model项目做了一个选择下拉列表,像这样:{{project}}SchoolPersonalWorkjs位:newVue({el:'#main',data:{project:''},methods:{changeProject:function(){console.log(this.project);}}});标签{{project}}显示正确,但是当我在选择下拉列表中选择另一个值时,它不会触发方法changeProject。我在这里错过了什么?干杯。编辑:在@mustafo的回答之后,我尝试使用@click方法创建一个简单的按钮并打印

javascript - Vue Tables 2 - 自定义过滤器

我正在尝试使用这个https://github.com/matfish2/vue-tables-2使用Vue2.1.8。它工作得很好,但我需要使用自定义过滤器根据它们的值等来格式化一些字段。在选项中我有这个:customFilters:[{name:'count',callback:function(row,query){console.log('seeme?');//Notfiringthisreturnrow.count[0]==query;}}]在文档中说我必须这样做:Usingtheeventbus:Event.$emit('vue-tables.filter::count',

javascript - 使用 babel.js 而不是 browserify 编译成 bundle

我从babel.js开始使用JavaScriptES6功能,但是我遇到了一个问题我目前正在使用browserify构建我的应用程序,并使用以下命令进行react。browserify-treactifyapp/main.js-opublic/scripts/bundle.js现在我想在babel中使用等效命令来捆绑我需要的模块,用ES6编写到bundle.js。这不起作用,只是给我一个ES5版本的main.js文件。babelapp/main.js-opublic/scripts/bundle.js但是我可以使用babel将我的bundle.js文件编译成ES6版本,有2个命令brow

javascript - Vue.js 交换数组项

在我的vue.js应用程序中,我尝试像这样交换2个论坛行:exportdefault{data(){return{forums:[]}},methods:{increment(forum,index){ForumService.increment(forum).then(()=>{letb=this.forums[index];this.forums[index]=this.forums[index++];this.forums[index++]=b;});}}}但是没有任何反应?我在这里做错了什么? 最佳答案 虽然@dfsq关于i