elixir-52-使用-PhoenixLiveView-调用-JS-代码

35次阅读

共计 260 个字符，预计需要花费 1 分钟才能阅读完成。

需求: 新内容出现时滚到到底端

1 定义 js 钩子代码 

const Hooks = {}

Hooks.Scroll = {updated () {this.el.scrollTop = this.el.scrollHeight},
  mounted () {this.el.scrollTop = this.el.scrollHeight}
}

const liveSocket = new LiveSocket('/live', Socket, { hooks: Hooks})

2 在 html 元素上引用钩子 

<div phx-hook="Scroll">

很简单地实现了对 js 代码的调用.

正文完
elixir
发表至：无分类
2019-10-30
 0