小编slo*_*ent的帖子

Puppeteer JS从选择器生成PDF

我熟悉Puppeteer在Vue.js应用程序中使用,但我无法弄清楚如何根据页面上的特定元素生成PDF.我可以基于整页成功创建PDF,但这并不理想.有没有我错过的方法或课程可以允许这个?我找不到一个可链接的page函数来按选择器过滤,如下所示:

    const browser = await puppeteer.launch();
    const page = await browser.newPage();
    await page.goto('https://what.a.fancy/website', {waitUntil: 'networkidle2'});
    await page.$('.just-this-html').pdf(options);
Run Code Online (Sandbox Code Playgroud)

我确实看到有一个page.$(selector)函数,但我不知道如何通过一个.then()可以访问返回的HTML到PDF 的调用来链接它.

谢谢!

javascript pdf-generation html2pdf vue.js puppeteer

4
推荐指数
1
解决办法
954
查看次数

Vue.Draggable 通过拖拽到指定区域来删除项目

我一直在用头撞墙试图弄清楚这一点。我在这里通过 Sortable.js 库 repo 找到了一个几乎完全符合我想要做的示例,但我无法使用Vue.Draggable实现它。

我的理论是添加一个与其余元素<draggable/>相同group的元素并侦听其@add上的事件,然后从其列表中删除该拖动的元素。

一个问题(可能)是我试图将“垃圾箱”按钮指定为删除区域,如果它引用相同的 draggable group,则该拖动的元素将附加到按钮组并抛出整个 UI。所以,一件非常重要的事情是有某种用户反馈(例如,当拖动元素悬停时垃圾桶图标变成红色),但被拖动的元素不应该被插入到按钮组中。

初始拖动状态

将鼠标光标悬停在要删除的项目上

预期的删除操作

在此处输入图片说明

提前致谢!

javascript draggable vue.js rubaxa-sortable vue.draggable

4
推荐指数
1
解决办法
5677
查看次数