草庐IT

vue3-Typescript

全部标签

javascript - 从 HTML 调用 typescript 文件中的函数。

我是HTML和Angular2的新手。我目前正在尝试了解如何从HTML文件调用Typescript文件中的函数。精简后,Typescript文件(home.ts)函数如下所示:getConfigurations(sensorName:string){console.log('Home:getConfigurationsentered...');return'sensor1';}在我的HTML文件(home.html)中,我想使用字符串参数调用“getConfigurations”(现在“getConfigurations()”返回“sensor1”,因为我仍在测试)。那么,在HTML中

javascript - 如何在 typescript 中初始化构造函数中的常量字段?

我不知道这是否有值(value)。我只是好奇这是否可能?问题:如果可能,语法是什么在typescript的构造函数中初始化一个const字段?`exportclassGulpfile{privatedist:string;privatesrc:string;constructor(){constthis.dist='./dist/';this.src='./src'}} 最佳答案 你不能有常量类成员。主要是因为类成员总是通过this关键字引用,并且该引用始终可以更改。ES6也不支持。 关

javascript - 类型 'number' 不可分配给类型 'Date' - Typescript 未编译

我有以下用于jquery计时器插件的代码。编译器给我错误:“类型‘数字’不可分配给类型‘日期’”$(function(){varnote=$('#note'),ts=newDate(2012,0,1),newYear=false;if((newDate())>ts){ts=(newDate()).getTime()+24*60*60*1000;//counting24hoursnewYear=false;}});});}; 最佳答案 您需要创建一个新的Date实例:if((newDate())>ts){ts=newDate((new

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

javascript - TS1148 ~ 如何使用 --module : "import" and typescript 2. x "none"

我目前正在使用一些旧版JavaScript开发一个项目。该应用程序不包含模块加载器,它只是将所有内容作为全局变量放入window对象中。遗憾的是,接触遗留代码并包含模块加载器对我来说不是一个可行的选择。我想在我自己的代码中使用typescript。我设置了typescript编译器选项module:"none"在我的tsconfig.json中,我只使用命名空间来组织我自己的代码。到目前为止效果很好。..到现在为止:import*asRxfrom'rxjs';..Rx.Observable.from(['foo',bar']);...//ResultsinTypeScript-Erro

javascript - 是否可以在 vue-router 中锁定除一条以外的所有路由?安全吗?或者我应该使用另一种方法?

我想做一个在线考试,这个考试有5页,有一个倒计时计时器(120秒),每页有4个问题。120秒后,用户将自动转到下一页,或者他们可以在此之前单击下一步按钮。Laravel5.4和VueJs,用户回答的每个问题都有一个Ajax请求。我想要的是阻止用户看到其他页面。每个页面最多只能显示120秒。用户不应该能够点击后退按钮并查看之前的页面。这可能吗?我想用Vuejs和vue-router创建这个应用程序,但我不知道如何用vue-router实现它,我做了一些研究,但没有得到太多结果!或者也许我不应该使用vue-router,而是使用我自己的简单路由器,例如:$("#page1").show()

javascript - 如何使用 vue 或 javascript 将密码发送到服务器?

我已经创建了用于登录和注册的vue组件。如何将密码发送到服务器?我应该只在客户端使用bcrypt加密密码然后将其发送到Laravel还是应该将普通密码发送到Laravel并使用bcrypt($request->get('password'));什么是好的选择?如果我应该在vue组件中加密密码,我应该使用什么包/函数才能像Laravel/PHP一样加密密码? 最佳答案 在您的javascript代码中并不真的需要加密密码。在HTTPS服务器上提供PHP服务更为重要。浏览器和您的网络服务器之间发送的数据将由SSL/TLS证书加密。这里有

javascript - 通过 this 在 typescript 中从派生类型调用构造函数

在我的typescript中,我试图通过基类中的方法创建/克隆子对象。这是我的(简化的)设置。abstractclassBaseClass{protectedprops:TCompositionProps;protectedcloneProps():TCompositionProps{return$.extend(true,{},this.props);}//canbeoverwritenbychildsconstructor(props:TCompositionProps){this.props=props;}clone(){constprops=this.cloneProps();

javascript - TypeScript - 如何将 JSON 数组解析为自定义对象数组

我是这个领域的新手,如果我使用了一些错误的术语,请见谅。随时要求澄清。我有一些typescript界面:exportinterfaceItem{id:stringtype:stringstate:string}exportinterfaceItemResponse{someData1:stringsomeData2:stringitemListResponse:Array//inrealityjustaJSONstringcontainingserializedItemsinanArray}正确(某种程度上)调用外部服务时填充ItemResponse:结果是一个ItemResponse