草庐IT

babel-plugin-transform-vue-jsx

全部标签

javascript - 如何从 .vue 文件中导出多个对象

我在Vue中使用typescript。对于这个特定的用例,我想从我的.vue文件中导出多个项目。像这样://FooBar.vue...exportclassFooextendsVue{foo:string="foo";}exportconstBar={bar:"bar"};然后像这样导入它们://巴兹.vueimport{Foo,Bar}from'FooBar.vue';@Components({components:{Foo}})...//restofthecode有没有办法从Vue中的.vue文件导出多个对象? 最佳答案 在你的

javascript - NativeScript Vue - 基于用户登录状态的条件激活

我正在使用NativeScript-Vue。我有一些protected页面(仅限成员(member))。我在本地存储中维护用户的登录数据。我有两个问题:当用户打开应用程序时,我们应该在应用程序的哪个位置编写代码来检索用户的登录数据。我想从本地存储中读取数据并将其填充到Vuex存储中。我知道如何从localstorage读取数据,但我不知道应该在何处/何时执行此操作,以便用户首先登录。有几个页面受到保护(仅限成员(member))。对于这些用户,如果他们已登录(基于vuex商店),我想向他们显示页面内容,但如果他们未登录,我希望他们被导航到登录页面。我再次对应该在哪里编写此代码/条件感到

javascript - TypeScript/JSX 类型断言仅在 JSX 之外有效

我有一个通过数组映射的React组件。每个数组项都有一个可选的ID类型。如果我有这个ID,我将渲染一个元素,否则什么都不渲染。这个元素有一个onClick调用函数接受ID作为参数。即使我检查我是否有ID,TypeScript仍然提示ID可能未定义,但只在onClick方法内部,而不是外部(参见代码示例)这是为什么呢?我怎样才能让这个错误消失?PleaseseetheerrorontheTypeScriptplayground://fakebindingsdeclarenamespaceReact{functioncreateElement():any;}//Thistypehasano

javascript - Jquery Plugins,从其他方法调用函数

就像这里的许多其他类似问题一样,我正在编写我的第一个jQuery插件。它旨在采用一个选择元素并将选项替换为可单击的列表元素,以用作样本。我的主要功能运行良好,但我需要添加调用另一种方法的能力,这将禁用某些选项。我的问题是,在执行此操作时,我需要绑定(bind)一些点击元素并取消绑定(bind)其他元素。目前我的原始绑定(bind)包含在我的“init”方法中的一个函数中。我需要能够从另一个“禁用”方法调用该函数。所以这里有一些代码:(function($){varmethods={//Initmethodinit:function(options){//Setoptionsvardef

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

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

javascript - 如何在浏览器中使用 Babel 6 外部助手?

首先是问题:在哪里可以找到external-helpers.js脚本,或者如何为Babel6构建外部帮助程序?在Babel5.x中,我可以使用externalHelpers选项,它需要包含external-helpers.js,它曾经在babel-core中包裹。转到Babel6,我看到external-helpers现在是external-helpers-2插入。这会在我的转译代码中包含相关的babelHelper调用,仅此而已;我需要实际的助手定义!在问题addmissingbuildscriptforexternal-helpers.js,建议“使用CLI自行构建”。我没有看到任

javascript - 在 vue.js 中重新加载或关闭之前做一些事情

我有一个带有beforeDestroy方法的Vue.JS应用程序,我试图用它在应用程序关闭或重新加载之前将一些数据存储在本地存储中。仅供引用:beforeDestroy:function(){localStorage.setItem('preference',this.preference);...}但是,关闭或重新加载应用程序实际上都不会调用此方法。如何确保在关闭应用程序之前调用此方法? 最佳答案 “关闭”或“重新加载”应用程序的是什么?是浏览器中的用户关闭窗口和/或刷新页面吗?如果是这样,则没有任何东西“被破坏”并且该函数将不会

javascript - 如何在不安装 babel 本身的情况下直接从脚本标签使用 babel

我正在编写对从cdnjs.com引入的所有这些库的react。但是,我发现它报告错误:'UncaughtTypeError:Cannotreadproperty'keys'ofundefined'即使我不写一行javascript代码。怎么会这样?//somecodehere 最佳答案 在浏览器中包含babel并不是它应有的工作方式。Babel是一个构建工具——它应该只是构建过程的一部分。最常见的是,您会使用像webpack或browserify这样的bundler,它们可以使用babel将您的代码从ES6转换为ES5(或其他目标版

javascript - 带有 vuex 的 Vue js 使用 v-for 和 v-model 计算属性

我需要将v-for与v-model结合使用。我读了docs并且没有示例说明如何在不在变异处理程序之外执行变异的情况下将它与v-for一起使用。如何在不直接改变属性的情况下在v-for中使用v-model?0{{n}}//componentmethods:{...mapMutations({addToCart:ADD_TO_CART})}, 最佳答案 不确定我是否完全理解您的问题,但请查看以下内容:编辑已更新为使用Vuex-但不是通过v-model,因为那样不会调用所需的突变或操作conststore=newVuex.Store({s

javascript - Vue.js:根据方法对列表进行排序

我正在获取一些原始数据并显示项目列表。每个项目都有一个我用方法生成的复杂属性(不是计算属性)。该属性可能会根据用户输入而改变。是否可以根据该属性对列表项进行排序?HTML:{{calculateComplexProperty(item.time)}}JavaScript:calculateComplexProperty:function(time){//this.distanceisanexternalfactorthatisnotapropertyofthelistitem,//andthatcanbemanipulatedbytheuservarspeed=time*this.di