小程序组件初始化及交互处理
<p>组件让小程序可以很方便的引用，尤其是自带处理，样式的内容，多个页面要用</p><p>先说组件构造，很简单，建立一个目录，写上自己的组件文件</p><p><img src="http://img.domystery.com/Mys/M00/07/BA/cxwu3l0n522ATHYYAAAkECfqlIQ516.png" title="1562896236834887.png" alt="image.png"/></p><p>组件的json文件写明组件true:</p><p><img src="http://img.domystery.com/Mys/M00/07/BA/cxwu3l0n57CABkSnAAANwUADg1U903.png" title="1562896304215410.png" alt="image.png"/></p><p>组件的JS为核心内容，页面样式跟其它页面写法一样</p><p><img src="http://img.domystery.com/Mys/M00/07/BA/cxwu3l0n5-aADohgAAB8KadrUa8799.png" title="1562896358261481.png" alt="image.png"/></p><p>主要是properties这个是组件接收初始化数据的，之前想过是否可以直接在组件里请求接口数据，但是小程序我们能常拿到接口数据之后要callback来设置字段值，</p><p>这个时候this因为在callback里，不识别，所以就只能能过主页面请求完接口，把数据填到组件里来，然后执行组件方法这样走。</p><p><br/></p><p>在引用的页面json文件里写好，引入哪个组件：<br/></p><p><img src="http://img.domystery.com/Mys/M00/07/BA/cxwu3l0n6TuARiY3AAAUIpPg1JQ485.png" title="1562896699978316.png" alt="image.png"/></p><p>页面文件里写上组件的引用内容，ID用来后边可以实例组件，调用组件方法，</p><p><img src="http://img.domystery.com/Mys/M00/07/BA/cxwu3l0n9g2AArQNAAAs-47awVE741.png" title="1562899981441690.png" alt="image.png"/></p><p>bind后边为要绑定的主页面方法，组件可以能过tirgger来调用。<br/></p><p><br/></p><p>主页面请求完接口，初始化组件内容：</p><p><img src="http://img.domystery.com/Mys/M00/07/BA/cxwu3l0n9qSAI_L7AAAu6OUg5Vc744.png" title="1562900132666664.png" alt="image.png"/></p><p><br/></p><p><br/></p><p>组件点击确认后，调用主页面方法并传入要用的参数：</p><p><img src="http://img.domystery.com/Mys/M00/07/BA/cxwu3l0n9kOACB7UAABJrDsyK7I020.png" title="1562900035106366.png" alt="image.png"/></p><p><br/></p><p>主页面JS接收处理：<br/></p><p><img src="http://img.domystery.com/Mys/M00/07/BA/cxwu3l0n9m-AKoWIAAAcUGwFXiE005.png" title="1562900079311253.png" alt="image.png"/></p><p><br/></p><p><br/></p><p><br/></p> <p><span style="color: rgb(64, 64, 64); font-family: "Microsoft Yahei"; font-size: 18px; text-align: justify; background-color: rgb(255, 255, 255);">电子竞技职业选手张宇辰：</span><span style="overflow-wrap: break-word; font-size: 18px; letter-spacing: 0px; text-align: justify; background-color: rgb(255, 255, 255); font-family: Tahoma; color: rgb(51, 102, 153);"><a href="https://www.1680380.com/view/happyCZ/ssc_index.html" style="overflow-wrap: break-word; color: rgb(51, 102, 153);">重庆欢乐生肖</a> </span><span style="color: rgb(64, 64, 64); font-family: "Microsoft Yahei"; font-size: 18px; text-align: justify; background-color: rgb(255, 255, 255);">如果从最开始算，这种联赛在最初的阶段就很夸张了，薪水上涨可能是10倍、20倍这种。开始我们也是几乎没有什么工资，</span><span style="overflow-wrap: break-word; font-size: 18px; letter-spacing: 0px; text-align: justify; background-color: rgb(255, 255, 255); font-family: Tahoma; color: rgb(51, 102, 153);"><a href="https://1680380.com/" style="overflow-wrap: break-word; color: rgb(51, 102, 153);">168开奖网</a> </span><span style="color: rgb(64, 64, 64); font-family: "Microsoft Yahei"; font-size: 18px; text-align: justify; background-color: rgb(255, 255, 255);">一个月会发一千元包吃住，</span><span style="overflow-wrap: break-word; font-size: 18px; letter-spacing: 0px; text-align: justify; background-color: rgb(255, 255, 255); font-family: Tahoma; color: rgb(51, 102, 153);"><a href="https://1680380.com/view/PK10/pk10kai.html" style="overflow-wrap: break-word; color: rgb(51, 102, 153);">北京pk10</a> </span><span style="color: rgb(64, 64, 64); font-family: "Microsoft Yahei"; font-size: 18px; text-align: justify; background-color: rgb(255, 255, 255);">可能也不算薪水，只是提供个场所，大家在一起训练。</span></p>
页:
[1]