elementui 使用 form组件时报错

Z时代
2024-01-10
分类：技术分享

我是直接用script标签引用的element-ui.js没有使用vuecli.
但在使用form组件的时候老是报错,找不到原因.请大神赐教.以下是代码:

                    <el-form :model='form' label-width="100px">
<el-form-item label="订单系列">
<el-select v-model="form.ORDER_SERI">
<el-option label="test2" value="测试2"></el-option>
<el-option label="test3" value="测试3"></el-option>
</el-select>
</el-form-item>
<el-form-item label="订单数据">
<el-input type="textarea" v-model="form.order_data">
</el-form-item>
<el-form-item>
<el-button type="primary" @click="submit">开始上传</el-button>
</el-form-item></el-form>

js:

var main = new Vue({
el:"#main",
data:{
form:{
ORDER_SERI:"",
order_data:'init data'
}
},
methods:{
submit:function(){
alert(l.jsonToStr(this.form))
}
}
})`

报错信息如下: