草庐IT

vue3+ts+element

全部标签

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 - typescript 编译器错误 TS2307 : Cannot find module 'jquery'

我正在关注JSPM入门guide我想安装jquery包,所以我执行下面的命令。jspm安装jquery但是当我尝试像下面这样用typescript导入它时从“jquery”导入$我从typescript编译器中收到一个错误,提示errorTS2307:Cannotfindmodule'jquery'。不仅对于这个库,对于其他库我也遇到同样的错误。 最佳答案 您需要在编译上下文中包含jquery的类型定义,您可以从https://github.com/DefinitelyTyped/DefinitelyTyped中获取它们

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

javascript - 使用 TypeScript lib.core.d.ts 而不是 lib.d.ts

似乎TypeScript编译器总是包含lib.d.ts或lib.es6.d.ts(取决于编译器目标)。在我们的应用程序中,我们有一个已在lib.d.ts中定义的WebSocket类。我们在Node.js下而不是在网络浏览器中运行我们的应用程序,因此我们实际上不需要lib.d.ts中的所有定义。相反lib.core.d.ts对我们来说就足够了(当然会解决WebSocket冲突)。是否可以告诉TypeScript编译器使用哪个全局类型定义文件? 最佳答案 使用--noLibcompileroption排除lib.d.ts,然后在源文件中

javascript - 测试 Vue.js 组件

我想测试一个Vue.js组件,但我失败了。简单地说,我正在设置一个组件属性,我想断言它设置正确。如果这很重要,模块将加载导出,并使用Webpack输出JS。//componentexports=module.exports={};module.exports={data:function(){return{active:false};},methods:{'close':function(){console.log(this.active);//->truethis.active=false;console.log(this.active);//->false}}};//compone

javascript - TypeScript 接口(interface)是否应该在 *.d.ts 文件中定义

TypeScript新手问题。在我们的项目中,我们使用了一些外部JavaScript库,我们需要在其中添加*.d.ts文件。我理解这个用例以及我们需要这样做的原因。但是,对于我们自己定义的接口(interface),我的一位开发人员建议我们在*.d.ts文件中定义它们,这样我们就可以访问接口(interface)类型,而无需将其导入到需要使用的模块中例如,我们想为“错误优先回调”函数创建一个接口(interface),以便我们可以在许多领域重用它。所以不是这个...exportfunctionhelloWorldEventually(callback:(err:Error,result

javascript - 从父级访问 Vue 中组件的计算属性

如何从父级访问Vue中组件的计算属性?在此示例中,我有一个包含商品组件的购物车,我想计算并显示购物车商品的总和:购物车.jsvarvm=newVue({el:'#cart',components:{cartItem:require('./components/cart-item.js'),},data:{items:[{name:'apple',qty:5,price:5.00},{name:'orange',qty:7,price;6.00},],},computed:{//IwanttodosomethinglikethisandaccesslineTotalfromcartcar

javascript - 动态注册本地 Vue.js 组件

我们知道possible像这样动态注册全局Vue.js(版本1)组件:Vue.component('my-component',MyComponent)有没有办法对本地组件执行相同的操作,即那些仅对特定组件可用/可见的组件?我的想法是,我希望能够像这样传递要在本地注册的组件:所以在outer-component中我可以做:created(){this.someMethodINeedToRegisterLocalComponent('cool-component',this.localComponentToBeRegisteredDynamically);},

javascript - 尝试通过 Vue.js 中的渲染传递 Prop 并观看它们

我在使用vue.js中的CreateElement/render将Prop从父级向下传递到创建的子级时遇到问题,然后再观看它。这是我的父组件Vue.component('my-drawing',MyDrawing)newVue({el:'#drawing',mounted(){Bus.$on('emitColorSelection',(emitString)=>{console.log("insidesocket.js/my-drawingandemitStringis",emitString);this.useColor=emitString;console.log('insides