抽离公众号 H5 支付为独立模块

Tevin

2021-05-13 353bc5084a28952e360c4e7a5dc22d552b4fe16d

 forms/input/CInput.vue

@@ -1,18 +1,18 @@
/**
 * CInput
 * CInput - 表单项，文本输入框
 * @author Tevin
 */

<template>
    <AtInput
        :name="itemData.name"
        :title="itemData.label"
        :name="itemRes.name"
        :title="itemRes.label"
        :type="type"
        :placeholder="placeholder"
        :required="itemData.required"
        :error="itemData.error"
        :value="itemData.formData[itemData.name]"
        :onChange="evt=>itemData.onChange(evt)"
        :required="itemRes.required"
        :error="itemRes.error"
        :value="itemRes.formData[itemRes.name]"
        :onChange="evt=>itemRes.onChange(evt)"
    >
        <slot />
    </AtInput>
@@ -20,6 +20,7 @@

<script>
import { AtInput } from 'taro-ui-vue';
import './cInput.scss';

export default {
    name: 'CInput',
@@ -27,9 +28,13 @@
        AtInput,
    },
    props: {
        // 表单数据资源（表单组件内部机制专用）
        itemRes: Object,
        // 输入框类型，text、number、password、phone、idcard、digit
        type: String,
        // 占位提示
        placeholder: String,
        itemData: Object,
    },
    mounted() {},
};
</script>