小编lut*_*ien的帖子

使用Typescript监视Vue.js中的路由更改

我想使用TypeScript检测Vue.js应用程序中URL的更改.在JavaScript中,可以按如下方式完成:

watch: {
  '$route': {
     handler: 'onUrlChange',
     immediate: true,
     deep: true
   }
},

onUrlChange(newUrl){
   // Some action
}
Run Code Online (Sandbox Code Playgroud)

我怎么能在TypeScript中做同样的事情?

watch typescript vue.js vue-router

9
推荐指数
2
解决办法
4471
查看次数

在docker容器中运行maven webapp

我正在尝试使用Maven构建一个简单的Web应用程序,并在Docker容器中运行Tomcat7.

这是我的结构:

- Dockerfile
- pom.xml
- src/main/webapp/index.hmtl
Run Code Online (Sandbox Code Playgroud)

这是我的Dockerfile:

FROM java:8

# Install maven
RUN apt-get -y update && apt-get install -y maven

WORKDIR /code

# Prepare by downloading dependencies
ADD pom.xml /code/pom.xml

# Adding source, compile and package into a fat jar
ADD src /code/src
RUN ["mvn", "package"]

EXPOSE 8080
CMD ["mvn", "tomcat7:run"]
Run Code Online (Sandbox Code Playgroud)

我正在构建Docker镜像

docker build -t webapp-example .
Run Code Online (Sandbox Code Playgroud)

并尝试运行它

docker run -d -p 8080:8080 webapp-example
Run Code Online (Sandbox Code Playgroud)

但显然它不起作用.

有任何想法吗?

maven tomcat7 docker

7
推荐指数
1
解决办法
3181
查看次数

通过 Gradle 将文件复制到构建目录

我想在Spring Boot 项目的目录node_modules中添加一些内容。build/resources/main/static

我可以通过 Gradle v2 在我的gradle.build文件中添加一些任务来完成此操作吗?

我正在尝试这个(实际上是针对 Gradle v3),但到目前为止它还没有复制任何内容。

task copyTask(type: Copy) {
    from 'node_modules'
    into 'build/resources/main/static'
}
Run Code Online (Sandbox Code Playgroud)

Gradle 文档的链接

spring gradle node.js npm

5
推荐指数
1
解决办法
9586
查看次数

将超时设置为事件侦听器功能

我有一个事件监听器

elem.addEventListener('evt', fooFn(){alert("OK")});
Run Code Online (Sandbox Code Playgroud)

我想为这个事件监听器设置一个超时时间。因此,假设它在 3 秒内没有收到任何名为“evt”的事件,我希望收到它超时的通知。

我尝试使用该setTimeout函数,但到目前为止我还没有设法将addEventListener回调函数 ( fooFn)的内部变量传递给该函数setTimeout

关于我如何做到的任何想法?

javascript event-listener settimeout

4
推荐指数
2
解决办法
1万
查看次数

带有可选参数和任意顺序的 Vue.JS 路由

我想在我的 Vue.JS 应用程序中使用vue-router这样的查询参数:

http://localhost:8080/#/home/name=Alice&surname=Smith
Run Code Online (Sandbox Code Playgroud)

我已将此路线添加到我的routesrouter.ts

 routes: [{
    path: '/home/name=:name&surname=:surname',
    name: 'home',
    component: Home
 }]
Run Code Online (Sandbox Code Playgroud)

我还想做以下两件事:

1)我希望能够有参数name,并surname以任意顺序。例如,这两个 URL 应该导致相同的视图:

http://localhost:8080/#/home/name=Alice&surname=Smith
http://localhost:8080/#/home/surname=Smith&name=Alice
Run Code Online (Sandbox Code Playgroud)

2)我希望它们也是可选的。

有没有办法做这些事情?谢谢!

vue.js vue-router routeparams

2
推荐指数
1
解决办法
2399
查看次数