草庐IT

vue3-Typescript

全部标签

javascript - Vue.js 访问父组件

我有一个具有此方法的子组件:getSubscriptions(){MessageService.subscriptions()this.$parent.loading=true;.then((data)=>{if(data.data.subscriptions==null){this.noSubscriptions=true;}else{this.subscriptions=data.data.subscriptions;}this.$parent.loading=false;}).bind(this);}所以我想在我的父组件中显示一个加载圆,我这样访问它:this.$parent.l

javascript - Vue - 单击按钮提交表单

我有一个用户可以上传图片的组件,我还想添加一个删除图片的功能。我添加了一个删除当前图像的按钮,但问题是表单也被提交了,我想避免这种情况。我只需要删除当前图像(如果存在)。这是脚本:+Removeimageexportdefault{props:['imageSrc'],methods:{previewThumbnail:function(event){varinput=event.target;if(input.files&&input.files[0]){varreader=newFileReader();varvm=this;reader.onload=function(e){vm

javascript - 为什么 vue.js 不使用 moment.js 使用 datepicker 更新 dom

我正在vue.js中编写一个(非常)简单的日期选择器控件,使用moment.js来格式化和改变日期。我遇到的问题是,即使在我单击任一按钮时修改了组件中的日期实例,显示也不会更新。我已经尝试将其更改为一个简单的整数而不是日期实例,并且按预期工作(DOM已正确更新)这是我的源代码:App.jsVue.component("datePicker",{props:["value"],data:function(){return{selectedDate:moment(this.value)};},template:"<{{formattedSelectedDate}}>",meth

javascript - 带有 vue.js 的简单 html 不起作用

vue.js的初学者和我点击了这个链接:https://www.sitepoint.com/getting-started-with-vue-js/几乎将代码复制到我的html中。但是它就是不起作用。有人可以帮我找出问题所在吗?以下是所有代码:varmyModel={name:"Ashley",age:24};varmyViewModel=newVue({el:'#my_view',data:myModel});{{name}}结果只是:{{name}} 最佳答案 您需要添加标记并在文件末尾添加脚本,如下所示:{{name}}{{a

javascript - 如何将 Tesseract 导入 Angular2 (TypeScript)

我正在尝试将Tesseract导入Angular2(TypeScript)。我可以看到它保存在node_modules文件夹中,但是在使用时从'@types/tesseract.js'导入{Tesseract};它说:[ts]Module'"c:/Users/black/Projects/projectCLI/tess/node_modules/@types/tesseract.js/index"'hasnoexportedmember'Tesseract'.在index.d.ts文件中有一个名为Tesseract的命名空间。是否有其他方法可以导入它,或者我们是否以错误的方式看待它?我

javascript - 如何将 D3 JavaScript 中的 'this' 转换为 TypeScript?

我知道JavaScript中的“this”与TypeScript中的含义不同,根据这篇文章'this'inTypeScript.我有以下JavaScript代码,用于在所选节点上创建较粗的笔划,并为所有其他节点提供较小的笔划。node.on('click',function(d){d3.selectAll('circle').attr('stroke-width',1.5);d3.select(this).select('circle').attr('stroke-width',5);})在TypeScript中我有this.node.on('click',(d:any)=>{this

javascript - 如何在 Vue.js 中获取随机元素

我有3个英雄图片及其内容,我想在用户刷新页面时随机显示它们!基本上我试图在加载页面上使用Jquery显示随机div,但问题是英雄图像的大小很大,并且通过使用Jquery,所有这3个图像开始加载DOM影响页面速度。在Vue.js中是否有任何解决方案可以在用户刷新页面时一次加载一个特定的div,而不是所有3个div!?LipsumHeadingLipsumdummycontentbodytestdummygoeshere.jQuery代码:mounted(){varrandom=Math.floor(Math.random()*$('.slider-item').length);$('.s

javascript - 单击事件时从 jquery 触发 vue 方法

我正在尝试将点击事件附加到已存在的dom元素。...我似乎无法在我的jquery单击处理程序中访问外部vue方法。它将抛出logDataisnotdefined。newVue({el:'#events',mounted(){$('.logMe').on('click',function(){constdata=$(this).data('log-id');this.logData(data);//throwslogDataisnotdefined});},methods:{logData(id){console.log(id);//neverfires...hitserver},},}

javascript - typescript :对象到类

假设我有一个类C和一个对象O的实例(来自JSON)。classC{str:string;num:number;}varo=JSON.parse("{\"num\":123,\"str\":\"abc\"}");有没有一种方法可以用o分配/初始化C的实例,并检查未定义的值以及类型,而无需在复制构造函数/函数中自行完成?如果值缺失/未定义或类型不匹配,我希望得到错误或异常。谢谢! 最佳答案 您可以使用Object.assign:classC{str:string;num:number;}varo=JSON.parse("{\"num\"

javascript - 如何在自定义组件中使用 Vue.js 插件?

我需要输出一个表格,它的内容可以通过Ajax更新。所以我打算使用vue-tables-2(https://github.com/matfish2/vue-tables-2),这是一个Vue.js插件。使用Laravel方式,我正在编写一个Vue.js自定义组件,那么如何在我的组件中使用vue-tables-2插件?这里是一个如何使用插件的例子https://jsfiddle.net/matfish2/jfa5t4sm/.不幸的是,示例中没有将插件包装在组件中。 最佳答案 您可以通过两种方式使第三方组件对您的自定义Vue组件可用:1。