草庐IT

vuejs-ssr-typescript

全部标签

javascript - VueJS 与 vue-router 如何重定向到服务器路由

我正在尝试将用户点击注销链接重定向到服务器呈现的注销页面。但是由于下面的代码,我只是被重定向到默认路径。我在flask中设置了一个服务器路由,如下所示:@app.route('/logout')deflogout():logout_user()returnrender_template('login.html')在vue中,我想重定向路由,以便将我定向到服务器路由。Logoutexportdefault{name:SomePage.vue},methods:{logout(){this.$router.replace('/logout')//Ialsotried.go('/logout

javascript - Typescript Convert Object to Array - 因为 *ngFor 不支持对象的迭代

我可不想这样用for循环把Object转成Array!如果加倍处理并降低应用程序的性能(我正在使用Ionic2和Typescript,以及Firebase)for(输入数据){array.push(值);是否有使用*ngFor迭代对象本身(如附图所示)的解决方案。或者我可以将此对象(如附图所示)转换为数组,以便可以在*ngFor中进行迭代。 最佳答案 您可以使用Object.keys(obj)来获取命名索引。这将返回一个数组结构,您可以进一步使用/自定义它。用于遍历对象值的示例可能如下所示varpersons={john:{age:

javascript - 如何在 Typescript 中为 Angular2 编写 console.log 包装器?

有没有办法编写一个全局的自制mylogger函数,我可以在Angular2typescript项目中用于我的服务或组件而不是console.log函数?我想要的结果是这样的:mylogger.tsfunctionmylogger(msg){console.log(msg);};用户服务.tsimport'commons/mylogger';exportclassUserService{loadUserData(){mylogger('Abouttogetsomething');return'something';};}; 最佳答案

javascript - 清除vuejs表单中的输入

刚刚完成了一个todolist教程。提交表单时,输入字段不清除。两者都试过之后:document.getElementById("todo-field").reset();document.getElementById("#todo-field").value="";输入字段正确清除但它也删除了待办事项。似乎在它有时间将新的待办事项推送到todos.text数组之前就删除了输入字段。会喜欢一些输入的家伙!谢谢!!{{todo.text}}exportdefault{name:'todos',data(){return{text:'',todos:[{text:'MyTodoOne',c

javascript - 无法在 Firefox 中调试 Typescript(源)文件

好的,我使用5MinQUICKSTART创建了一个基本的Angular2Typescript项目它已经启动并正在运行。我的typescript转译器配置为创建源map:tsconfig.js{"compilerOptions":{"target":"es5","module":"commonjs","moduleResolution":"node","sourceMap":true,"emitDecoratorMetadata":true,"experimentalDecorators":true,"removeComments":false,"noImplicitAny":false

javascript - 在 VueJS 中查看存储在 Vuex 中的数组

我有一个客户列表,它实际上是一个对象数组。我将它存储在Vuex中。我在我的组件中呈现列表,每一行都有一个复选框。更准确地说,我使用keen-ui,复选框渲染部分如下所示:{{customer.name}}{{customer.email}}所以复选框直接更改客户数组,这是不好的:我在Vuex中使用严格模式,它会抛出一个错误。我想跟踪数组何时更改并调用一个操作以更改vuex状态:watch:{'customers':{handler(){//...},deep:true}但是它仍然直接改变了客户。我该如何解决这个问题? 最佳答案 首先

javascript - 如何访问 [__ob__ : Observer] in VueJS? 的元素

我是VueJS的新手。有一个父组件,数据从父组件传递给子组件和孙组件。我的子组件看起来像这样,B.vueimportCfrom'./c.vue'exportdefault{props:['info'],components:{'c':C},created:function(){this.getInfo();},methods:{getInfo:function(){console.log("Printinginsidegetmethod",this.info);}}}当我看到控制台时,我看到一个像这样打印的数组,当我尝试像这样访问数组的元素时,info[0],控制台显示未定义。我无法访

javascript - Visual Studio 2015 NodeJS/Typescript 覆盖 Node 启动文件

我不断收到以下错误:ErrorCode:TS5055CannotwritefileC:/project/dir/server.js'becauseitwouldoverwriteinputfile.Project:TypeScript/JavaScriptVirtualProjects我什至尝试将我的入口文件名更改为nodeserver.js,过了一会儿我得到了同样的错误:ErrorCode:TS5055CannotwritefileC:/project/dir/nodeserver.js'becauseitwouldoverwriteinputfile.Project:TypeScr

javascript - 将 TypeScript 与外部 JS 文件捆绑在一起(例如 node_modules)

我可以成功地将我的Typescript项目捆绑在一起,并使用例如将其保存为单个文件tsc--outFile"build/bundle.js"但是,此文件仅包含Typescript文件,不包含“node_modules”目录中的任何文件,例如jQuery。如果我尝试执行bundle,我只会收到找不到文件的错误消息。如何将我的Typescript依赖的“node_modules”文件添加到同一个捆绑文件中?Typescript显然知道文件的位置,因为它的路径是正确的。我正在使用SystemJS在浏览器中加载我的项目。我承认我很困惑我应该如何加载模块和捆绑(我可以使用SystemJSbund

javascript - “this”在 TypeScript 属性装饰器中未定义

我试图理解TypeScript装饰器(特别是针对属性),并且我根据我看到的一些示例想出了以下代码:decorator.tsexportfunctionlogProperty(target:any,key:string){letval=this[key];constgetter=()=>{console.log(`Get:${key}=>${val}`);returnval;};constsetter=(newVal)=>{console.log(`Set:${key}=>${newVal}`);val=newVal;};if(deletethis[key]){Object.define