草庐IT

babel-plugin-transform-vue-jsx

全部标签

javascript - 如何在 gulpfile.js 中使用 babel-polyfill

在Babel中docs他们只是说要包含import"babel-polyfill";以便我可以使用ES6生成器,但是在我将该行包含在我的gulpfile.js中之后,我仍然会生成一个异常:UncaughtReferenceError:regeneratorRuntime未定义这是我的gulpfile.jsimport'babel-polyfill';vargulp=require("gulp"),babel=require("gulp-babel"),concat=require('gulp-concat'),rename=require('gulp-rename'),uglify=r

javascript - 我如何渲染没有 jsx 格式的 react 组件?

我尝试制作我的“智能”弹出组件,它可以在内部打开一些组件,但我的实现并不好,因为它不起作用。我使用redux方法创建弹出窗口,打开弹出窗口的操作能够在弹出窗口打开之前获取任何组件的名称进行渲染;但我遇到了一些问题,在获取参数后,在我们的例子中是nameOfComponent,我需要选择并渲染名称为nameOfComponent的组件。现在我的问题是,它如何从数组中渲染组件?//He'smycomponentsimportLoginfrom'../Login/login.js';importLogoutfrom'../Logout/logout.js';constpopupContent

javascript - CORS plugin/--disable-web-security 如何在浏览器上工作?

我确定我不是唯一使用过/使用过CORSplugins的人对于浏览器或--disable-web-security标志,同时对外部(甚至内部)API端点进行API调用。我使用这个插件来进行谷歌地图相关的API调用。但在同一个应用程序中,ParseSDKAPI调用不需要CORS或--disable-web-security标志。我的问题是:为什么这些端点的行为不同以及CORS插件如何解决问题(即使我们无法控制这些API)?提前致谢。 最佳答案 好吧,那个插件的所作所为是非常不负责任的;它实际上禁用了同源策略,该策略强制特定源上的网站只能

javascript - 用 Vue.js 2 观察数组

我有一组选择(分配给项目的item.pricelists)在v-for循环中呈现并与v-model绑定(bind)。该项目的可能选择选项由item.valid_pricelists中的另一个v-for呈现。两者都是从同一个数组中的服务器中提取的。现在我需要注意用户何时更改选择,因此我可以使用item.valid_pricelists中的新值更新item.pricelists数组。渲染部分:{{price_list.description}}Parentpricelist:{{row.parent_id}}观看部分:watch:{'item.pricelists.id':{handler

javascript - Vue中JS与SCSS共享变量

我最近开始使用Vue.js2,我是单文件组件结构的粉丝:HelloWorldexportdefault{name:'hello-world',};h1{font-size:72px;}不过,我很好奇是否存在在SCSS和JS之间传递变量的既定方法。我需要共享一个值,现在它在两个部分中都是重复的。我使用VueCLI创建了这个项目,所以它使用vue-loader与Webpack2捆绑在一起。我希望有一种方法可以将其配置为将变量从JS填充到SCSS,反之亦然。 最佳答案 您的问题将受益于更多详细信息。您需要多彻底的集成?这将允许您创建一个J

javascript - 没有 Vue 加载器的 Vue 2 组件样式

考虑到只有一个文件组件(如shownintheguide),.example{color:red;}hi在非模块化的ES5/ES6环境中,如果没有Vue加载器,如何完成同样的事情?考虑到样式是作用域的,.example{color:red;}有没有办法在非模块化环境中实现作用域CSS?如果没有,有没有办法在模块化环境(Webpack)中实现它,但没有Vue加载器和自定义.vue格式? 最佳答案 无需在Vue组件中使用template实例,您可以利用render函数来利用“更接近编译器的替代方案”,而无需Vue加载器或编译器。您可以使

javascript - 在 Vue.js 中,当父级的 v-on 传递另一个参数时,如何从子级向父级发出多个值?

这是一个代码示例。Vue.component('button-counter',{template:'button',methods:{emit_event:function(){this.$emit('change','v1','v2','v3')//HereIemitmultiplevalue}},})newVue({el:'#parent',data:{args:""},methods:{change:function(...args){this.args=argsconsole.log(args)}}}){{args}}我想从父组件获取通过change()传递的参数(在此示例中

javascript - vue.js - 在事件发生后更改按钮内的文本

我正在玩vue.js用于学习目的,它由不同的组件组成,其中之一是经典的待办事项列表。目前,一切都在一个组件中。我想在单击按钮以将元素从“隐藏”隐藏为“显示”后更改按钮的文本-我将通过设置文本数据对象然后在函数中更改它来解决这个问题。见下文:{{todo.text}}PleaseEnterTextSEEN{{button.text}}//componentsVue.component('todoitem',{template:"TestItem"})//appcodevarapp=newVue({el:'#app',data:{todos:[{text:'SampleItem1'},{t

javascript - Vue动态添加不同组件

我想用Vue创建一个简单的表单生成器,用户可以在其中单击菜单中的按钮以向表单添加不同的表单字段。我知道,如果只添加一种类型的表单字段,我可以用这样的方法(https://jsfiddle.net/u6j1uc3u/32/):AddFormElementText和:Vue.component('form-input',{template:'#form-input'});newVue({el:'#app',data:{fields:[],count:0},methods:{addFormElement:function(){this.fields.push({type:'text',pla

javascript - Vue/Vuex 未知 Action 类型

我已经开始在我的应用程序中实现Vuex,并且我决定将我的商店拆分为模块。一开始我只创建了一个模块来测试Vuex模块的工作原理,因为我以前没有任何使用它的经验。我创建了一个模块文件夹,里面有一个文件夹用于我的模块,名为Company。在公司文件夹中,我创建了下一个文件:action.js、getters.js、index.js、mutations.js。这些文件中的代码:action.js:importapifrom'@/vuex/utils/api'constgetCompanies=(context)=>{api.get('/57/companies').then(response=