vue input有时显示undefined 求助大佬

<template>

<div>

<el-dialog

title="添加"

:visible.sync="visible"

@close="closePpp"

width="50%"

append-to-body="true"

class="dialog_wap"

:close-on-click-modal="false"

>

<el-form :model="form" label-width="120px" ref="form" label-position="left">

<div style="margin-top:10px;margin-left:20px;font-size:14px;margin-right:20px;">

<el-form-item

prop="C_NAME"

label="软件名称"

:rules="[{ required: true, message: '请输入软件名字', trigger: 'blur' }, ]"

>

<el-input v-model="form.C_NAME"></el-input>

</el-form-item>

<el-form-item

label="软件编号"

prop="C_CODE"

:rules="[{ required: true, message: '请输入软件编号', trigger: 'blur' },]"

>

<el-input v-model="form.C_CODE"></el-input>

</el-form-item>

<el-form-item

label="软件分类"

prop="C_TYPE"

:rules="[{ required: true, message: '请选择软件分类', trigger: 'change' },]"

>

<el-select v-model="form.C_TYPE" placeholder="请选择软件类型" style="width:100%">

<el-option label="1" value="1"></el-option>

<el-option label="2" value="2"></el-option>

</el-select>

</el-form-item>

</div>

</el-form>

<div slot="footer" class="dialog-footer">

<el-button @click="closePpp('form')">取 消</el-button>

<el-button type="primary" @click="wathChild('form')">确 定</el-button>

</div>

</el-dialog>

</div>

</template>

 

<script>

import AJAX from "../../../../components/ajax";

import CommonJs from "../../../../components/common";

 

export default {

name: "dialogFormVisible4",

props: ["visible"],

data() {

return {

name: "",

form: {}

};

},

methods: {

wathChild(formName) {

this.$refs[formName].validate(valid => {

if (valid) {

//添加应用模板

let that = this;

let zparam = {

C_NAME: that.form.C_NAME,

C_CODE: that.form.C_CODE,

C_TYPE: that.form.C_TYPE

};

AJAX.methods.ajaxPost(

this,

"/platform/createSystem",

zparam,

function(res) {}

);

this.closePpp(formName);

} else {

return false;

}

});

},

//关闭窗口清空数据

closePpp(formName) {

this.visible = false;

if (this.$refs[formName] != undefined) {

this.$nextTick(() => {

this.$refs[formName].resetFields();

});

//主页面置为不可见

}

this.$emit("wathChild");

}

},

watch: {},

components: { AJAX },

mounted() {}

};

</script>

 

<style scoped>

.dialog_wap >>> .el-dialog__header {

background: #f2f2f2;

}

.dialog_top >>> .el-dialog {

margin-top: 3vh !important;

}

</style>