动态传参

61 阅读1分钟

背景:

接口提交表单数据时,根据表单值--有则传,没有则不传。

  • 摸鱼场景得分:8分。
  • 摸鱼思路:把表单值统一绑定在一个对象里,后续采用Object.keys统一处理,极其方便,省去很多写多余代码的时间。
export default {
    data () {
        return {
            formObj: {
                a: '',
                b: '122',
                c: ''
            }
        }
    },
    methods: {
        handleFormData () {
            const curFormObj = this.formObj
            let params = {}
            Object.keys(curFormObj).forEach(item => {
                if (curFormObj[item]) {
                    params[item] = curFormObj[item]
                }
            })
            return params
        }
    }
}
</script>