微信小程序自定义组件-可清除的input组件

最近正在做的一个小程序项目中需要用到一个可清除的输入框控件，为了在项目中使用方便以及方便其他项目直接使用，便封装了一个可清除的input自定义组件。

组件需要达到的需求是：输入框内没有内容时，删除按钮隐藏；当输入框内有内容时，删除按钮显示，点击删除按钮则清空输入框内所有内容。并且还可以设置输入框整体样式以及输入框左侧图标。

明确了需求之后，就可以开始着手实现了。

首先，在目标目录下新建一个自定义组件

建好之后，我们需要来设计布局。根据需求来看，我们只需要三个组件：两个image和一个input。左边一个image提示图标，然后一个input输入框，最后一个image删除按钮。我们要把尽可能多的数据设置成可以修改的绑定数据，提高自定义组件的可扩展性。

最终确定的wxml布局文件如下：

然后，我们就要来设置组件的一些属性和监听方法了。小程序的组件属性列表是定义在js文件的properties里的。把需要暴露出去并可以修改的属性都写在这里面。其语法示例如下：

我的属性列表如下：

完成了属性列表的编写之后，接下来我们需要为自定义组件添加监听事件。

事件系统是组件间通信的主要方式之一。自定义组件可以触发任意的事件，引用组件的页面可以监听这些事件。

监听以及触发事件的语法是这样的：

这里我们需要设置的触发事件有，输入框的输入事件以及输入框的确认事件。通过 triggerEvent 方法指定事件名以及事件触发事件参数

以上就已经完成了这个可清除input组件的自定义开发了。现在来看怎么使用这个组件。

首先在需要使用此组件的页面json文件中设置usingComponents属性来引入这个自定义组件

然后，我们就可以在页面中引用这个自定义组件了，引用的方式非常简单，通过我们在上一步设置的标签名称就可以引用了。

最终实现的效果图如下：

项目GitHub地址：

微信小程序酒店类模板

微信小程序捐款类模板

问题一：腾讯小程序是干嘛用的？怎么申请和注册？ 第一步:需要有认证的公众号并登陆公众号

点击小程序管理

第二步:申请小程序

第三步:根据提示内容填写相关信息

问题二：腾讯 小程序 什么时候可以开放使用 什么是小程序

小程序是一种新的开放能力，开发者可以快速地开发一个小程序。小程序可以在微信内被便捷地获取和传播，同时具有出色的使用体验。

主要优势

1、用户可便捷地获取服务，无需安装或下载即可使用

2、具有更丰富的功能和出色的使用体验

3、封装一系列接口能力，帮助快速开发和迭代

开放注册的范围：

企业、 、媒体及其他组织

接入流程：

1、注册

在微信公众平台注册小程序，完成注册后可以同步进行信息完善和开发。

2、小程序信息完善

填写小程序基本信息，包括名称、头像、介绍及服务范围等。

3、开发小程序

完成小程序开发者绑定、开发信息配置后，开发者可下载开发者工具、参考开发文档进行小程序的开发和调试。

4、提交审核和发布

完成小程序开发后，可以提交代码至微信团队审核，审核通过后即可发布。

问题三：我购买腾讯云用于小程序的开发，有什么优势？ 按照腾讯云的教程和配套镜像、环境，最快1个小时可以快速搭建自己的第一个微信小程序demo。

问题四：微信小程序开发首选腾讯云，有何先发优势 腾讯云升级5大优势支撑小程序开发

早在微信小程序内测阶段，腾讯云便推出了独家发布了针对内测版本的小程序解决方案，并发布了相关场景Demo。徐华龙表示，腾讯云此次升级一站式解决方案，除了为开发者提供了COS、CDN等基础的网络存储及加速服务外，还提供信道及会话服务的全栈基础资源，以及域名申请备案、后台架构、资源采购、资源部署、扩展能力、安全性等一键式云端部署能力。

1一站搭建云端资源

小程序现有的SDK、DEMO缺乏对云端的支持，依赖开发者逐个模块搭建云端服务，过程冗繁；并且必须通过>

有不少同学学完 Python 后仍然很难将其灵活运用。我整理15个 Python 入门的小程序。在实践中应用 Python 会有事半功倍的效果。

实现数学里的二元二次函数： f(x, y) = 2x^2 + 3y^2 + 4xy ，需要用到指数运算符

将一个正整数的个位数，以及除个位数外的部分分离。需要用到 模（取余数） 运算符 % ，和 整除 运算符 //

实现一个简单的累加器，可以接受用户输入3个数字，并将其累加。需要用到 复合赋值运算符：+=

输入年份，判断是否是闰年。闰年判断方法：能被4整除，但不能被100整除；或者能被 400 整除。需要用到 算术运算符 和 逻辑运算符

输入一个数字，判断基数还是偶数，需要 模 运算和 if else 结构

之前做过华氏度转摄氏度，现在通过 分支结构 实现二者互转。

输入三个边长度，判断是否构成三角形。 构成三角形的条件：两边之和大于第三边 。

输入成绩分数，输出分数对应的等级。

某企业的奖金根据销售利润按照如下规则计算提成。输入销售利润，计算奖金。

程序随机生成一个正整数，用户来猜，程序根据猜的大小给出相应的提示。最后，输出用户猜了多少次才猜中。

输入一个正整数，判断是否是素数。 素数定义：大于1的自然数中，只能被1和它本身整除的自然数。如：3、5、7

用程序实现石头剪刀布 游戏 。

字典的key是姓名，value是身高，现在需要按照身高对字典重新排序。

将二元二次函数封装在函数中，方便调用

初学python的小伙伴注意哦~不要只依赖于教程，而忽视实 *** 的能力。不然，是很难有进步的。可以多动动手，尝试一下，积累经验。

游戏汉化主要有以下几个步骤：

０、游戏选择＆准备。

１、程序破解、修改。

２、文本资源提取。

３、文本翻译，Ｐ图。

４、回写资源到封包＆测试。

５、发布。

因为个人汉化往往能力、时间有限，所以我们有必要借助他人的智慧，不然……会早衰的。。。。。

�7�4第０节：游戏选择＆准备：

爱神认为个人想要完成Ｇａｌ游戏汉化，下面几样东西是必须的：

１、Crass源代码

２、反汇编工具OLLYDBG或SoftICE等。

３、１６进制编辑器UltraEdit或HexWorkshop等。

４、任何一种编程软件VB或VC等。（安装时记得安装帮助文档，你肯定会用到的）

爱神建议２、３、４都选用英文版，原因你用了就知道了。

Crass源代码（汉公，您太伟大了）应付今年和几年前出的游戏应当不会有问题。。原因见下。

合适的游戏：

－２ＤＧａｌ通常是最好的选择，因为没有几家游戏公司愿意把钱砸在系统里的（废话～），所以十分有利于下一节发展。

－用Crass可以解开所选择游戏的任意一个封包。（必须）

－游戏日文名、公司名、游戏公司网站。（用于查找Crass中对应插件名）

－游戏可以免ＣＤ运行。

�7�6第一节：程序破解、修改

作为个人汉化没有必要花费太多时间在破解上面，一般而言我们应该选择已经破解好的游戏。接下来我们要做的工作主要是修改区码。

区码是什么？区码就是让文字从乱码变为可以被人所识别的样子。

我们需要做的就是将游戏的ＥＸＥ里几个数字从８０改为８６。。。

这是非常简单的一件事情，完全不会汇编的爱神看完这个

详细教程： >

以上就是关于微信小程序自定义组件-可清除的input组件全部的内容，包括:微信小程序自定义组件-可清除的input组件、腾讯小程序是什么、15个Python入门小程序，你都知道哪些等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！