我有一个es6类,有一个init()方法负责获取数据,转换它,然后this.data用新转换的数据更新类的属性.到现在为止还挺好.该类本身有另一种getPostById()方法,只是做它听起来的样子.这是该类的代码:
class Posts {
constructor(url) {
this.ready = false
this.data = {}
this.url = url
}
async init() {
try {
let res = await fetch( this.url )
if (res.ok) {
let data = await res.json()
// Do bunch of transformation stuff here
this.data = data
this.ready = true
return data
}
}
catch (e) {
console.log(e)
}
}
getPostById(id){
return this.data.find( p => p.id === id )
}
}
直截了当,除了我async/await在init() …
我有一个嵌套的数据结构，如下所示：
allItems: [
['a', 'b', 'c'],
['d', 'e', 'f'],
['g', 'h', 'i'],
]
我需要完全像这样表示：
Category 1
..........(a) Item 1
..........(b) Item 2
..........(c) Item 3
Category 2
..........(d) Item 4
..........(e) Item 5
..........(f) Item 6
Category 3
..........(g) Item 7
..........(h) Item 8
..........(i) Item 9
但是我无法在 v-for 之间保留一个计数器...请注意，我无法控制数据，用户将被要求对数据进行排序，但是他想让我无法在数据中添加计数器。
这是一个小提琴
我有一个 PWA 应用程序，可以正确提示用户将该应用程序添加到主屏幕。问题是，恕我直言，这种自动行为是很糟糕的用户体验，因为 90% 的情况下，提示被认为是一个烦人的弹出窗口，用户只需将其关闭即可。
我认为更好的用户体验是让用户寻找一种“安装应用程序”的方法，就像在任何页面的页脚中通常看到“在 Android 上下载”或“在 App Store 中获取应用程序”一样或者，在一些特定的交互之后，当我感觉用户充分参与我的应用程序并且可能有兴趣将其保存到主屏幕时，会出现一些“我控制”的弹出窗口。
我已经进行了一些搜索，但无法找到任何方法在需要时触发“添加到主屏幕”弹出窗口。我错过了什么？如何第二次或第三次提示“添加到主屏幕”？
正在寻找 Android 和 iPhone 上的任何解决方案。