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

- 日理万妓 2023-06-11 15:29 5阅读 0赞

# 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.*![在这里插入图片描述][20191031100652758.png]  
    *2.*  
    ![在这里插入图片描述][20191031100821839.png]
    
     *  发现name直接取不到值，但是使用**JSON.stringify(this.form)转换为字符串后可以取到值；故将JSON.stringify(this.form)传给后端，而不能直接传this.form**

[20191031100652758.png]: /images/20230531/46bc93484292479ca31e48e4becc3e35.png
[20191031100821839.png]: /images/20230531/16065c5d32454d65bbf58b342f15a3cc.png