小程序 ------ 弹窗的提示文字中添加链接

 页面展示:

在弹窗中点击链接后打开对应页面

实现:

借助 modal 组件,相当于一个弹窗组件,可以在里面添加其他组件共同组成一个弹窗页面

 

 常用的属性

1、wxml 中  hidden 控制弹窗的打开与关闭

  <view class="auth-btn">
    <van-button type="primary" bind:click="buttonTap" size="large" block>我是求职者</van-button>
    <modal title="温馨提示" hidden="{{modalHidden}}" confirm-text="同意" cancel-text="不同意" bindconfirm="modalConfirm" bindcancel="modalCandel">
    亲,感谢您信任并使用本小程序obge!我们依据最新的法律法规、监管政策要求及业务实际情况更新了小程序obge
    <navigator style="display:inline;color:#009e92;" url='../userxyzc/userxyzc?type=xy' open-type="navigate">《用户协议》</navigator><navigator style="display:inline;color:#009e92;" url='../userxyzc/userxyzc?type=zc' open-type="navigate">《隐私政策》</navigator>,特向您推送本提示!
  </modal>

2、wxjs 中,  modalHidden 为布尔类型

复制代码
 /**
   * 显示弹窗
   */
  buttonTap: function() {
    this.setData({
      modalHidden: false
    })
  },

  /**
   * 点击取消
   */
  modalCandel: function() {
    // do something
    this.setData({
      modalHidden: true
    })
  },

  /**
   *  点击确认
   */
  modalConfirm: function() {
    // do something
    this.setData({
      modalHidden: true
    })
    this.getUser();
  },
复制代码

 

posted on   obge  阅读(786)  评论(0编辑  收藏  举报

相关博文:
阅读排行:
· 10年+ .NET Coder 心语 ── 封装的思维:从隐藏、稳定开始理解其本质意义
· 地球OL攻略 —— 某应届生求职总结
· 提示词工程——AI应用必不可少的技术
· Open-Sora 2.0 重磅开源!
· 周边上新:园子的第一款马克杯温暖上架
< 2025年3月 >
23 24 25 26 27 28 1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30 31 1 2 3 4 5

统计

点击右上角即可分享
微信分享提示