更新记录

1.0.3（2024-05-16） 下载此版本

修改双向绑定

1.0.2（2024-04-16） 下载此版本

第二次使用修改

1.0.1（2024-04-11） 下载此版本

改成规范

平台兼容性

需要帮助可直接联系

啰嗦一下

• 自己做自己用方便引用，后续会增加插件一步一步完善

  修改记录

• 20240124 修改md文档 未

必看提醒

• 仅支持微信小程序

  使用方式

  传参

  参数	类型	说明
  	Object	对象,详情看下方参数表格
  postData	Object	参数对象，属性名要与的key一致
  uploadPath	String	图片上传地址
  imgUrl	String	图片显示路径前缀（部分上传接口用的是相对路径时启用）
  init	function	初始化方法，传的obj对应的属性名为上方的key：绑定数据属性名（编辑用）

参数

type参数

示例

<template>
    <view>
        <kf-form :imgUrl="imgUrl" @onsubmit="onsubmit" v-model="postData" :postData="postData" :uploadPath="uploadPath" :=""></kf-form>
    </view>
</template>

<script>
export default {
    data() {
        return {
            imgUrl: 'https://xxxxxx/wenjian/img/',
            uploadPath: 'https://xxxxxapi/upload/img',
            postData: {
                id: '', //id
                username: '', //联系人
                username2: '', //联系人
                username3: '', //联系人
                images:"",
                mobile: '联系电话', //联系电话
                business_license: '', //营业执照
                company_name: '公司名称', //公司名称
                driving_book: '', //行驶本
                driving_book_blank: '', //行驶本反面
                license_number: '', //车牌号
                logistics_username: '物流联系人', //物流联系人
                logistics_mobile: '物流联系电话', //物流联系电话
                logistics_address: '收货地址', //收货地址
                logistics_address_detail: '收货详细地址', //收货详细地址
                remark: '备注', //备注
                aaaaaaa: '', // 房源图片
            },
            : [
                { type: 'title', name: '基本信息' },
                { type: 'input1', name: '联系人', placeholder: '请输入姓名', key: 'username' },
                { type: 'input2', name: '联系人2', placeholder: '请输入姓名2', key: 'username2' },
                { type: 'textarea', name: '联系人3', placeholder: '请输入姓名3', key: 'username3' },
                { type: 'image', name: '上传真实房源图片', key: 'images' },
                { type: 'pickeraddr', name: '收货地址', placeholder: '请选择省市区', key: 'logistics_address' },

                { type: 'input', name: '联系人', placeholder: '请输入收件人姓名', key: 'logistics_username' },
            ] //表单列
        }
    },
    computed: {},
    mounted() {},
    methods: {
        onsubmit() {
            console.log('=====', this.postData)
        }
    }
}
</script>

<style></style>

代码逻辑