小程序篇五：在wxml中调用自定义的js函数

待我称王封你为后i 2022-02-28 00:12 1488阅读 0赞

做小程序的时候，想在wxmll中直接使用substring截取想要的串，譬如以下这样写（发现行不通）

<view class="picker">
           {
       {list[index].bankcard.substring(14,18)}}
          </view>

后来找到解决方法如下：

1.创建js函数，然后在wxml去调用

![20190323171109648.png][]

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzMyNzQxOTcz_size_16_color_FFFFFF_t_70][]

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzMyNzQxOTcz_size_16_color_FFFFFF_t_70 1][]

界面效果：

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzMyNzQxOTcz_size_16_color_FFFFFF_t_70 2][]

<wxs src="../../wxs/sub.wxs" module="tools" />
    <view class='extract'>
      <view class='card'>
        <text>到账银行卡</text>
        <picker bindchange="bindPickerChange" value="{
       {index}}" range="{
       {list}}" mode="selector"  range-key="{
       {'bankname'}}">
          <view class="picker">
            {
       {list[index].bankname}} ({
       {tools.sub(list[index].bankcard)}})
          </view>
        </picker>
      </view>
      <view class='money'>
        <text>提现金额</text>
        <view>
          <text>￥</text>
          <input type='digit' bindinput='money'></input>
        </view>
      </view>
      <view class='tip'>
        <text>当前零钱可提余额{
       {tqAmount}}元，</text>
        <text>全部提现</text>
      </view>
      <button bindtap='extract' class='button' wx:if="{
       {showbtn}}">提现</button>
      <button bindtap='extract' wx:else>提现</button>
    </view>

[20190323171109648.png]: /images/20220228/a7e2556aab3542eaa43897ddfd3a2337.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzMyNzQxOTcz_size_16_color_FFFFFF_t_70]: /images/20220228/94f1272e1e634e74918350a00125365f.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzMyNzQxOTcz_size_16_color_FFFFFF_t_70 1]: /images/20220228/39fa93d07f0d436582ce382d26348d3f.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzMyNzQxOTcz_size_16_color_FFFFFF_t_70 2]: /images/20220228/357208743ee24083bd4cc38e2516f55f.png