vue页面回显数据_vue组件表单数据回显验证及提交代码（代码实现）

最近项目需要到vue开发单页面，所以就研究一下表单数据的回显，验证及提交如何用vue组件的方式实现。

代码如下：

住户名称:

住户类型:

{ {item.name}}

设备名称:

{ {item.name}}

住户大小:

请选择

{ {option.name}}

住户留言:

点击保存

import Vue from 'vue'

import axios from 'axios';

import ElementUI from 'element-ui'

import URL from '../utils/Tools/URL.js'

import 'element-ui/lib/theme-chalk/index.css'

Vue.use(ElementUI)

import headerBar from '../modules/headerBar.vue';

export default {

name: 'index',

data (){

return {

zhuhuType: [],

shebeiType: [],