草庐IT

$Vue+Java案例

全部标签

javascript - 单个文件组件 vue js 上的属性 this.$el undefined

我正在尝试使用laravelmix和vuejs创建一个全局组件,但是在访问属性this.$el时它是未定义的。这是我的组件文件:日期选择器.vueexportdefault{props:['myclass','name','placeholder','value'],data(){return{}},created(){console.log("this.$el",this.$el);//undefinedconsole.log("this",this);//$elisdefinedvarvm=this;varoptions={"locale":"es","onChange":func

javascript - Vue.js - 无法从方法访问计算属性

我在Vue组件中有一个登录方法,它使用firebase来登录用户。我正在使用计算属性user、message和hasErrors。当这个方法运行时,它进入了catch函数,但是出现了这个错误:未捕获的类型错误:无法设置未定义的属性“消息”。我试过直接更改vuex状态(因为这是计算Prop所做的),但这会产生相同的错误。这是我正在使用的方法:login:function(event){//...morestuff//Sign-intheuserwiththeemailandpasswordfirebase.auth().signInWithEmailAndPassword(this.em

javascript - Qt 5.0 : Exposing C++ methods to Java Script

我尝试将对象作为全局属性公开给具有以下方法的JavaScript:Q_INVOKABLEMyObject*createMyObject();MyObject派生自QObject。当我在JavaScript中调用这个方法时,它返回一个类型的对象:QVariant(MyObject*)我想知道是否可以自动将它转换为QJSValue以便我可以在脚本中进一步使用它? 最佳答案 似乎JavaScript使用QVariant作为任何“未知”类型的不透明包装器。该值可以轻松传递,但不能使用其属性,也不能调用其方法。要在脚本中使用,应将其转换为QJ

javascript - 限制 vue/vuex react 性

假设我们有一些对象数组,并且这些对象永远不会改变。例如,这可能是从googlemapsplacesapi接收到的搜索结果-每个结果都是相当复杂的对象,具有ID、标题、地址、坐标、照片和一堆其他属性和方法。我们想用vue/vuex在map上显示搜索结果。如果一些新的结果被推送到商店,我们想在map上画出它们的标记。如果某些结果被删除,我们要删除它的标记。但在内部,每个结果都不会改变。有什么方法可以告诉vue跟踪数组(推送、拼接等),但不要更深入并且不要跟踪其元素的任何属性?现在我只能想象一些丑陋的数据拆分-将id数组保留在vue中,并在商店外有单独的id缓存。我正在寻找更优雅的解决方案(

javascript - 如何为测试禁用 vue.js 转换?

我有一个使用的vue.js组件动画隐藏/显示的元素。为了加快测试速度,我想禁用动画。我该怎么做?*{transition:none!important}建议在这里:https://github.com/vuejs/vue/issues/463但这似乎没有什么不同。我在这里创建了一个fiddle:https://jsfiddle.net/z11fe07p/2268/运行“测试”最后的输出是“3.Displayshouldbe"none",itis:block”。如果我将超时增加到100,或者删除元素,我得到预期的输出“3.Displayshouldbe“none”,它是:none”那么我

javascript - 如何在 JS 中创建一个方法,就像在 Java 中创建一个抽象方法一样?

我正在开发一个小游戏-剪刀石头布。我有一个原型(prototype)-RPSPlayer我有两种播放器:Player1,Player2(player1和player2是带有原型(prototype)的对象RPSPlayer的)每个播放器都使用函数播放:Player1.play()。每个玩家都有不同的游戏策略。因此,我需要2个play()实现。如果是Java,我会创建一个抽象类RPSPlayer,它有一个抽象方法play()和另外两个继承自RPSPlayer的类;他们每个人都有自己的play()实现。我的问题是:在JS中正确的做法是什么?我希望我说清楚了,谢谢大家。

javascript - 在 Vue.JS 的父组件中创建子组件

我想弄清楚如何在VueJS中将一个组件放入另一个组件中。例如,像这样的东西,不幸的是它不起作用(子组件似乎什么都不做):http://www.webpackbin.com/NyI0PzaL-我对使用内联模板和使用.vue文件扩展方法同样感兴趣,如上所示。这是上面非工作示例的代码:ma​​in.jsimportVuefrom'vue'importAppfrom'./App.vue'importChildfrom'./Child.vue'newVue({el:'body',components:{App,Child}})index.htmlApp.vue{{parent_msg}}expo

javascript - vue.js 表格中的条件渲染

我有一个由vue填充的表,如果有数据,我想在其中显示行,如果没有数据,我想显示“无结果”的行。这是jsfiddle中的基本介绍.为什么即使满足v-if条件,v-else行仍继续显示? 最佳答案 不幸的是v-if和v-for不能一起工作。您可以将v-if移高一层,如下所示:{{task.id}}{{task.type}}{{task.frequency}}{{task.status}}Notasksfound.你也可以使用伪元素template:{{task.id}}{{task.type}}{{task.frequency}}{{t

javascript - 包含 Node.JS (vue) 的文件

所以我想知道如何按原样包含另一个JavaScript文件。很像PHP的include函数/关键字。我不是在寻找export函数,因为它只允许您使用来自其他文件的变量。我正在使用vueinitwebpackmy-project。这是我基本上拥有的(Vue):mounted(){socket=io("http://localhost:8081")socket.connect()//ensureserverhasactuallyputusinaroomsocket.on("findgame",()=>{this.gameSearch="finding"})...}所以基本上我有一大堆sock

javascript - vue-router 的默认子路由

我有一个Vue2.x应用程序,我正在使用vue-router来处理路由。在某些情况下,我必须直接显示一个子vue。我的模板如下:|voice1|voice2|voice3||submenu1|submenu2|submenu3|||content1|所以基本上我有一个菜单,当您选择菜单语音时,会显示相关的子菜单,当您选择子菜单语音时,会显示相关内容。路由系统遵循菜单结构,所以如果你去/voice1/submenu1你应该显示content1,如果你点击submenu2然后你去/voice1/submenu2和显示content2等等等等。当用户登录时,我不想呈现一个空页面,但我希望路由