FormItem 在firefox 和 Chrome 的 非 template/render 模式下 无法正常工作

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>
阅读 1.2k
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题