我熟悉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 的调用来链接它.
谢谢!
我一直在用头撞墙试图弄清楚这一点。我在这里通过 Sortable.js 库 repo 找到了一个几乎完全符合我想要做的示例,但我无法使用Vue.Draggable实现它。
我的理论是添加一个与其余元素<draggable/>相同group的元素并侦听其@add上的事件,然后从其列表中删除该拖动的元素。
一个问题(可能)是我试图将“垃圾箱”按钮指定为删除区域,如果它引用相同的 draggable group,则该拖动的元素将附加到按钮组并抛出整个 UI。所以,一件非常重要的事情是有某种用户反馈(例如,当拖动元素悬停时垃圾桶图标变成红色),但被拖动的元素不应该被插入到按钮组中。
初始拖动状态
预期的删除操作
提前致谢!