我想在一个父v-if状态更改内设置多个过渡(在单独的子元素上)。
例如,当我显示模态时,我希望背景模糊fadeIn(使用不透明度),模态内容到slideIn(使用过渡或动画)。我当前的情况如下,当我使用过渡时,背景模糊元素(.modal)与内容(.modal__content)一起过渡:
<transition enter-active-class="animated slideInRight" leave-active-class="animated slideOutRight">
<div class="modal" v-if="isVisible">
<div class="modal__content">
</slot><slot/>
</div>
</div>
</transition>
Run Code Online (Sandbox Code Playgroud) 我使用JSPM和Typescript作为Angular2项目,Webstorm 11似乎对TS类的导入路径感到困惑.
第一个导入是正确的:
import {Component} from "angular2/core";
但是其他两个直接从jspm_packages导入这两个路径的文件夹直接引用:
import {Component} from "../../jspm_packages/npm/angular2@2.0.0-beta.0/src/core/metadata";
import {Component} from "../../jspm_packages/npm/angular2@2.0.0-beta.0/ts/src/core/metadata";
Run Code Online (Sandbox Code Playgroud)
我忽略了这两个node_modules和jspm_packages在tsconfig.json作为Webstorm似乎认识到它,但至今没有运气.
有什么方法可以配置Webstorm自动导入正确的模块而忽略其他两个?