VUE中关于表单提交的简单实现

main.js

import Vue from "../vue.js";
import App from "./App.js";
//启动
new Vue({
    el:"#app",
    render:c=>c(App),
});

App.js

export default {

data(){

return {

formObj:{

nickname:"",

sex:"",

book:"",

sleep:"",

city:"",

}

};

},

methods:{

showData(e){

console.log(e);

console.log(this.formObj);

}

},

//在组件创建后 处理下数据 实现 下拉框的默认选中

created(){

this.formObj.city="sz";

},

template:`

昵称:

性别:

男

女

爱好:

看书

睡觉

地址:

北京

上海

广州

深圳

`,

}

 

转载于:https://www.cnblogs.com/var-chu/p/8503291.html