form表单中的某一个参数取不到，传不到后端（解决）

1.代码如下

<el-form ref="form" :model="form" :rules="rules" size="small" label-width="109px">
			<el-form-item label="位置" prop="position">
				<el-select v-model="form.position" style="width: 360px;">
					<template v-for="item in this.positions">
						<el-option :label="item.name" :value="item.name"></el-option>
					</template>
				</el-select>
			</el-form-item>

			<el-form-item label="图表" prop="selectCharts">
				<el-tree style="width: 360px;" :data="this.selectCharts" :props="defaultProps">
					<span class="custom-tree-node" slot-scope="{ node, data }">
	            <span>
	                <i :class="node.icon"></i>{{ node.label }}
	            </span>
            </span>
				</el-tree>
			</el-form-item>

			<el-form-item label="名称" prop="name">
				<el-input v-model="form.name" maxlength="25" style="width: 360px;"></el-input>
			</el-form-item>
</el-form>

2.在输出时发现某个参数取不到值

console.log(this.form)
console.log(JSON.stringify(this.form))
let val = JSON.stringify(this.form)
this.doAdd(val);

• 控制台输出结果为
  1.
  2.
  
  • 发现name直接取不到值，但是使用JSON.stringify(this.form)转换为字符串后可以取到值；故将JSON.stringify(this.form)传给后端，而不能直接传this.form