草庐IT

Vue-test-utils

全部标签

javascript - 使用 Vue.js 访问子组件中的 api 数据

我正在开发一个大型应用程序,在处理来self的API的数据并将其传递到我的子组件时遇到了很多麻烦。情况。我从父组件调用我的API,并通过prop将数据传递到我的子组件。子组件可以很好地显示数据,但我无法在子组件的就绪函数中访问数据。看看:https://jsfiddle.net/kmrfkynf/3/正如您在控制台中看到的那样,在子组件就绪函数中显示数据会给我一个空对象...ready:function(){console.log('itemsfromchildcomponent',this.items);}...但是子组件在我的重复中很好地渲染了对象。所以问题是子组件在父组件的API

javascript - 在 Vue 中代理 webpack 开发服务器

我正在尝试使用vue-axios和vuex将所有api/请求代理到http://localhost:3000。命令行上的输出表明代理已经创建,但它实际上并没有代理到正确的地址和404。我在webpack中有以下设置:dev:{env:require('./dev.env'),port:8080,autoOpenBrowser:true,assetsSubDirectory:'static',assetsPublicPath:'/',proxyTable:{'api/':{target:'https://localhost:3000/api',changeOrigin:true,path

javascript - 我可以修改 Vue.js VNodes 吗?

我想为child分配一些属性和类VNode通过data目的。那只是有效。但是在我的Vue.js调查中,我没有看到使用这种模式,这就是为什么我认为修改children不是一个好主意VNode的。但这种方法有时会派上用场——例如,我想为默认插槽中的所有按钮分配aria-label属性。请参见下面的示例,使用默认的有状态组件:Vue.component('child',{template:'Myroleis{{$attrs.role}}',})Vue.component('parent',{render(h){const{default:defaultSlot}=this.$slotsif(

javascript - 在另一个项目中使用 marble testing rxjs5 方法

我有一个webapp项目,它使用rxjs5来实现flux我目前正在寻找为其编写单元测试的解决方案。其实我已经在里面实现了自定义的observables,例如:functiongetActivityObservable(events,timeout){returnObservable.create((observer)=>{constdeb=debounce(()=>observer.next(false),timeout||DEFAULT_TIMEOUT);constsub=events.subscribe((e)=>{if(!e){deb.cancel();observer.next

javascript - 如何在 Vue (Typescript) 中使用 axios?

我想在vue(Typescript)中使用axios,但我的代码遇到了麻烦。这是我的main.tsimportaxiosfrom'axios'Vue.prototype.$axios=axiosaxios.defaults.baseURL='http://192.168.1.225:8088'这是我的vue代码screenshothere这是我第一次使用typescript,之前我在javaScript中用过其他方式,我没有任何问题,那么我如何在TypeScript中使用它呢?感谢您抽出时间提供解决方案。 最佳答案 我这样做并且在m

javascript - Vue Js如何在单文件模板中使用mixins?

大家好,我是VueJS的新手,我正在尝试使用单个文件模板在我的过滤器上使用mixin,但我遇到了一些困难我得到的错误Unknowncustomelement:-didyouregisterthecomponentcorrectly?Forrecursivecomponents,makesuretoprovidethe"name"option.组件.jsVue.component('sideBarOne',require('./component/sidebars/sideBarOne.vue'));sideBarOne.vueimport{defaultasconfig}from'..

javascript - Vue.js : "TypeError: Cannot set property props of#<Object> which has only a getter"

我正在尝试实例化一个Vue组件,但出现错误:[Vuewarn]:Errorinrender:"TypeError:Cannotsetpropertypropsof#whichhasonlyagetter"(foundin)我也在使用库vuedraggable但我认为这个问题更多的是Vue问题而不是vuedraggable问题。下面是我的代码。这里是draggable-list.vue可拖动列表.jsconstdraggable=require("vuedraggable");module.exports={name:"draggable-list",components:{dragga

javascript - 带有异步 forEach 循环的磁带 "test exited without ending"错误

我在做什么编辑:我创建了一个repo使用我的问题的简化版本重现问题。我正在尝试使用browserstack设置自动化前端测试,selenium-webdriver和tape.Moreabouttape这个想法是定义多个浏览器和设备,这些浏览器和设备必须用X数量的给定测试一个接一个地进行测试。在下面的例子中,我在OSX上只定义了一个测试和两个浏览器。为了只定义一次浏览器并处理测试,我创建了一个repotest-runner,它应该作为dev-dependency添加到需要的repos在给定的设备和浏览器上测试。test-runner使所有需要的测试都通过,启动第一个浏览器,在该浏览器上运

javascript - Vue.js - 应该使用哪个组件生命周期来获取数据?

在阅读了Alligator.io的一篇关于Vue的帖子后,它说挂载的生命周期不适合使用httpget。我想知道是否有关于如何在Vue.js中正确地从API获取数据的指南? 最佳答案 我更喜欢在创建的钩子(Hook)中调用API。引自alligator.io:Inthecreatedhook,youwillbeabletoaccessreactivedataandeventsareactive.TemplatesandVirtualDOMhavenotyetbeenmountedorrendered.因此,如果需要,您可以轻松访问数据

javascript - 如何将 vue.js 与 django 集成?

这是带有vue.js的单页应用程序,它进行了一些简单的计算,我试图在django中实现这个计算,但它没有给我想要的结果。在这里,我在vue.js中创建了动态数组,这只完美地显示了产品的图像,但没有显示product.name和product.sell_price以及@click.prevent="addToCart(product)"这个功能不起作用??我该如何解决?vue.jsnewVue({el:'#posApp',data:{total:0,discount:0,products:[{%forproductinproducts%}{"id":{{product.id}},"nam