微信小程序动态按钮+页面传参

朱雀 2023-07-17 09:51 208阅读 0赞

wxml：

  1. //a页面
  2. <view class="weui-grid" wx:for="{
  3.    {button}}" wx:key="{
  4.    {item}}"> 
  5.  <button class="button_ji" bindtap="video" data-item="{
  6.    {item}}">{
  7.    {item.ji}}</button>
  8. </view>

a.js：

  1. data{
  2.  button:[
  3. {ji："",
  4. url:""
  5. }
  6.     //你的数据
  7.     ]
  9. }
  11. video:function(event)
  12. {
  13.   let url=event.currentTarget.dataset.item;   //打印出index的值
  14.   wx.navigateTo({      //关闭当前页面，跳转到应用内的某个页面（这个跳转有个坑，就是跳转页面后页面会闪烁一下，完全影响了我自己的操作体验，太缺德了。）
  15.     url:'../video/video?url='+url.url
  17. })
  19. },

video.wxml:

  1. <video id="myVideo"  src="{
  2.    {src}}" danmu-list="{
  3.    {danmuList}}" enable-danmu danmu-btn controls></video>

video.js:

  1. data{
  2. src:""
  3. } 
  4. onLoad: function (options) {
  5. let src=options.url
  6. this.setData({
  7. src
  8. })
  9.   },

发表评论

表情：
评论列表 （有 0 条评论，208人围观）

还没有评论，来说两句吧...

相关阅读

    相关 微信小程序路由传参

    微信小程序路由传参 在微信小程序中，可以通过路由传参将数据传递给目标页面。以下是一种常见的方式： 在源页面中，使用 `wx.navigateTo` 或 `wx.redi

    男娘i男娘i/ 0 赞/ 50 阅读

    相关 微信小程序input框传参

    在微信小程序中原生input组件无法直接传参，但可以通过自定义属性的方式达成效果 <!-- 自定义属性的命名格式为“data-自定义名字” --> <inpu

    墨蓝墨蓝/ 0 赞/ 516 阅读