更新记录

1.0.0（2025-09-21） 下载此版本

创建

平台兼容性

uni-app(4.81)

其他

小程序自定义组件的通用使用方式详见：uni-app中使用小程序自定义组件教程

jack-price-input

仅支持微信小程序

一、使用方法

1.引入

（1）将下载的插件uni_modules/jack-price-input/wxcomponents/jack-price-input文件夹复制到根目录/wxcomponents 下

（2）在page.json中需要引入的界面如下位置，添加usingComponents 和 配置"jack-price-input":"/wxcomponents/jack-price-input/jack-price-input"

{
    "path" : "pages/wxTestPage/wxTestPage",
    "style" : 
    {
        "navigationBarTitleText" : "",
        "usingComponents": {
            "jack-price-input":"/wxcomponents/jack-price-input/jack-price-input"
        }
    }
}

（3）页面使用

<jack-price-input :inValue="oPrice" @change="changeValue" />
...    
const oPrice = ref('') //oPrice 为初始值
const rPrice = ref('') //rPrice 为需要绑定的值

//通过此方式修改绑定值
function changeValue(e : any) {
    rPrice.value = e.detail.value
}

// 初始值变化：
// oPrince-->组件内部-->触发watch-->emit change(e)-->changeValue-->rPrice

// 手动修改值：
//                                emit change(e)-->changeValue-->rPrice

二、参数

inValue:string 数字字符串，初始显示的数字

三、方法

change function(e) 返回包含输入数字的对象，在此绑定真实需要修改的数据，对象结构如下

{

    detail:{

        value:number

    },

    ...

}