更新记录

1.0.4(2024-04-19)

组件调整

1.0.3(2024-04-17)

清空操作加入点击反馈

1.0.2(2024-04-17)

bug修复

查看更多

平台兼容性

Vue2 Vue3
×
App 快应用 微信小程序 支付宝小程序 百度小程序 字节小程序 QQ小程序
HBuilderX 3.1.0 app-vue × × × × ×
钉钉小程序 快手小程序 飞书小程序 京东小程序
× × × ×
H5-Safari Android Browser 微信浏览器(Android) QQ浏览器(Android) Chrome IE Edge Firefox PC-Safari
× × × × × × ×

tf-remark

  1. 组件作用
    • 小程序备注通用组件
  2. 组件引用例子
<template>
    <view>
        <TfRemark :value="test" @input="onInput" >
        </TfRemark>
    </view>
</template>

<script>
    import TfRemark from '../../uni_modules/tf-remark/components/tf-remark/tf-remark.vue'
    export default {
        components: {
            TfRemark
        },
        data() {
            return {
                test: '测试备注'
            }
        },
        onLoad() {

        },
        methods: {
            onInput(val){
                this.test = val
            }
        }
    }
</script>

<style>
</style>
  1. 组件属性说明
属性名 类型 默认值 说明
value String '' 输入的值
placeholder String 请输入 placeholder占位文字
disabled Boolean false 是否禁用
showClear Boolean true 是否显示清空
prop String remark 必填prop,required为true时有效
required Boolean false 是否必填,结合prop使用
clearTop String 0 清空操作距离顶部距离
borderBottom Boolean false 是否显示底部边框
paddingHorizontal String 0 控制备注输入框左右padding和清空操作相对右边的距离
  1. 组件方法说明
事件名 说明 回调参数
input 输入事件 返回输入值:value

隐私、权限声明

1. 本插件需要申请的系统权限列表:

2. 本插件采集的数据、发送的服务器地址、以及数据用途说明:

插件不采集任何数据

3. 本插件是否包含广告,如包含需详细说明广告表达方式、展示频率:

许可协议

MIT协议

暂无用户评论。

使用中有什么不明白的地方,就向插件作者提问吧~ 我要提问