element-ui form-item auto bind bug

element-ui form-item auto bind bug

见鬼了👻

    <div class="batch-content-wrap m-b-10 p-all-20">
        <p class="title m-b-20 m-l-20">设置</p>
        <div style="margin-left: 0px;">
            <div class="batch-content p-l-10 m-b-20">
                <el-form-item label="使用推荐" required>
                    <el-radio-group v-model="isUsingRecommended" @change="recommendedChecker">
                        <el-radio-button :label="false" >否</el-radio-button>
                        <el-radio-button :label="true" >是</el-radio-button>
                    </el-radio-group>
                </el-form-item>
            </div>
        </div>
    </div>

    data () {
        return {
            isUsingRecommended: false,
            ruleForm: {
                // 草稿接口，添加自定义字段 ❌ 不生效，没有 form-item 绑定 v-model ？？？
                testAPI: 'bug',
                isOnlyRecommend: false,
                // ...
            },
    },
    methods: {
        recommendedChecker (val) {
            console.log('recommendedChecker value', val);
            console.log('❌ ???', this.ruleForm.isUsingRecommended);
            // el-form-item 自动绑定值 ✅
        }, 
        //...
        async ajaxToSubmit () {
            this.loading = true;
            try {
                console.log('bug', JSON.stringify(this.ruleForm, null, 4));
                // 保存草稿
                await Ad2Service.createLastData({
                    last_data: this.isSaveBatch ? JSON.stringify(this.ruleForm) : '',
                    game_id: this.filterData.gameId,
                });
                // 批量创建
                const resp = await Ad2Service.postBatchData({
                    data: JSON.stringify(this.getSubmitParams()),
                });
                this.$router.push({
                    name: 'Ad2BtachCreateListPreview',
                    params: {
                        isThirdParty: '1',
                    },
                    query: {
                        batchId: resp.data.data.batch_id,
                    }
                });
                this.loading = false;
            }catch (err) {
                this.loading = false;
            }
        },
   },

JSON.stringify auto removed Object undefined value keys bug! ❌

JSON.stringify(this.ruleForm)
// undefined
this.ruleForm
// undefined

this.ruleForm = {id: 1, name: undefined, age: ''};
// {id: 1, name: undefined, age: ""}

JSON.stringify(this.ruleForm)
// "{"id":1,"age":""}"

refs

---

---

©xgqfrms 2012-2020

www.cnblogs.com 发布文章使用：只允许注册用户才可以访问！

原创文章，版权所有©️xgqfrms, 禁止转载 🈲️，侵权必究⚠️！

---