console
new Vue({
el: "#app",
data: {
options: {
formItem: [
{
type: 'input',
props: {
placeholder: '8列'
},
span: 8
},
{
type: 'input',
props: {
placeholder: '8列'
},
span: 8
},
{
type: 'input',
props: {
placeholder: '8列'
},
span: 8
},
{
type: 'input',
props: {
placeholder: '占满整行'
},
},
{
type: 'input',
props: {
placeholder: '占一半'
},
span: 12
},
{
type: 'input',
props: {
placeholder: '占一半'
},
span: 12
},
{
type: 'input',
props: {
placeholder: '7列'
},
span: 7
},
{
type: 'input',
props: {
placeholder: '7列,左侧间距为1列'
},
span: 7,
offset: 1
},
{
type: 'input',
props: {
placeholder: '7列,左侧间距为2列'
},
span: 7,
offset: 2
},
]
}
}
})
<link rel="stylesheet" href="//unpkg.com/view-design/dist/styles/iview.css">
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.min.js"></script>
<script src="//unpkg.com/view-design/dist/iview.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/vue-form-maker/dist/vue-form-maker.js"></script>
<div id="app">
<vue-form-maker :options="options" />
</div>
#app {
padding: 10px 20px;
}