我需要添加到div旋转.我不需要动画,我只需要内联添加它.rotate的值取决于vue组件中的数据.
.
.
.
data(): function(){
return{
deg: 5
}
}
.
.
.
Run Code Online (Sandbox Code Playgroud)
我试过:
v-bind:style="{ transform: rotate(deg) }"
v-bind:style="$transform: 'rotate('+deg+')'"
Run Code Online (Sandbox Code Playgroud)
也许有人知道,应该如何在vue2?
我需要使用react addons,ReactCSSTransitionGroup,但我仍然有错误Uncaught TypeError:无法读取未定义的属性'CSSTransitionGroup'.
我有反应,react-dom和ReactCSSTransitionGroup v:15.4.2,所以不应该有问题.我已经通过mpn安装了react-addons-css-transition-group.
import React, { PropTypes } from 'react';
import ReactCSSTransitionGroup from 'react-addons-css-transition-group';
const ReactCSSTransitionGroup = React.addons.CSSTransitionGroup;
Run Code Online (Sandbox Code Playgroud)
我添加到webpack配置
externals: {
'react/addons': true,
'react/lib/ExecutionEnvironment': true,
'react/lib/ReactContext': true
}
Run Code Online (Sandbox Code Playgroud)
但它没有帮助
我在index.js中使用它(在Alert文件夹中):
import React, { PropTypes } from 'react';
import BasicAlert from './basicAlert';
import {
alertsWrapper,
enter,
enterActive,
leave,
leaveActive,
} from './alertsHandler.scss';
import CSSTransitionGroup from 'react-addons-css-transition-group';
//const ReactCSSTransitionGroup = React.addons.CSSTransitionGroup;
const AlertsHandler = ({ closeTime, alerts = [] }) => (
<div className={alertsWrapper}>
<ReactCSSTransitionGroup
transitionName={{
enter,
enterActive,
leave,
leaveActive, …Run Code Online (Sandbox Code Playgroud)