将方法和变量绑定到window上操作

TurtleOrange

于 2021-04-21 11:05:06 发布

阅读量1.2k

点赞数

分类专栏： Vue 前端分享文章标签： javascript

本文链接：https://blog.youkuaiyun.com/TurtleOrange/article/details/115939908

版权

分享同时被 3 个专栏收录

40 篇文章

订阅专栏

前端

30 篇文章

订阅专栏

Vue

8 篇文章

订阅专栏

本文介绍了一种在Vue中使用列表插槽传递参数的方法，并通过实例展示了如何绑定变量和事件来实现这一功能。虽然这种方法在实际开发中较少见且未完全实现动态绑定，但对于特定场景提供了一种解决方案。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

let that = this
// 列表插槽传参
window.deviceList=[] // 绑定变量
window.showDialog = (row) => { // 绑定事件
  that.infoId = row
  that.deviceList = window.deviceList
  that.devDialogVisible = true
}

slot: (row) => {
  return `
    <div class="mine-table-row" onClick="showDialog('${window.deviceList=row.adInfoBindDeviceList}')">
      ${row.adInfoBindDeviceList.length}
    </div>
  `
},