1.FormItem 在firefox 和 Chrome 的 非 template/render 模式下 无法正常显示label
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>iview example</title>
<link rel="stylesheet" type="text/css" href="http://unpkg.com/iview/dist/styles/iview.css">
<script type="text/javascript" src="http://vuejs.org/js/vue.min.js"></script>
<script type="text/javascript" src="http://unpkg.com/iview/dist/iview.min.js"></script>
</head>
<body>
<div id="app">
<Row>
<i-Col span="12">
<i-Form :model="formItem" label-position="left" :label-width="80">
<FormItem label="任务id:" label-width="80">
<i-Input v-model="formItem.taskid" disabled>
</i-Input>
</FormItem>
</i-Form>
</i-Col>
</Row>
</div>
<script>
new Vue({
el: '#app',
data () {
return {
formItem : {
taskid : 1
}
}
}
})
</script>
</body>
</html>