![](https://img-blog.csdnimg.cn/20201014180756930.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
微信小程序
一只烛
越努力 越幸运
展开
-
小程序使用mp-html解析html
链接:mp-html文档(官方详细说明)安装使用npm:控制台npm init (一直按空格键)npm i mp-html开发者工具2.1 本地设置勾选使用npm模块2.2 右上角工具-构建npm在需要的json下添加mp-html组件例如pages/index/index.json"usingComponents": { "mp-html": "mp-html" }在需要的wxml下写<mp-html content="{{html}}" />(html为你所需原创 2021-09-09 15:25:25 · 3606 阅读 · 0 评论 -
微信小程序之表单(获取验证码/单选框/多选框/图片上传 )
知识点: 布局flex 单选框获取验证码倒计时: setInterval (第二个例子)单选: 当前点击的index与该项的index相同则选中;点击多次会有取消的思路是当前点击的index与赋值的不相同,赋值点击index选中;当前点击的index与赋值的相同则取消多选: 把选中项的selected取反单选多选若没有对应图片则不现实图片 图片预览效果图如下:<!-- wxml --><view class="form_wrap"> <form ca.原创 2021-07-29 10:36:53 · 1717 阅读 · 0 评论 -
微信小程序之Tabs组件
知识点: 父向子传传值 子向父传值 样式激活<Tabs tabs="{{tabs}}" currentIndex="{{currentIndex}}" bindchangeTabs='changeTabs'></Tabs>// 父Page({ data: { tabs: [ { id: 0, title: '全部' },{ id: 1, title: '今日' .原创 2021-07-29 10:08:48 · 2193 阅读 · 0 评论 -
微信小程序表单父子相互传值
使用bindinput把表单中的数据进行赋值父向子传值为属性传值子向父传值为this.triggerEvent(’ ',{ })在这里插入代码片使用form表单父向子传值为属性传值子向父传值为this.triggerEvent(’ ',{ })父向子传值类似于vue中的ref子向父传值为this.triggerEvent(’ ',{ })<!-- fa.wxml --><!-- 父 --><form catchsubmit="formSubm.原创 2021-07-21 11:47:13 · 277 阅读 · 0 评论