VUE? WeChat ?? ???? ??? ????? ??? ???? ??? ??????
Apr 04, 2025 pm 04:12 PM
vue.js? wechat ?? ??? ??? ?? ??? ????????.
? ????? vue.js ?? ????? WeChat ?? ???? ??? ????? ??? ???? ??? ?????. ???? ???? ????? ? ?? ?? ??????? ??? ?? ???? ?? ????? ?? ??? ????.
?? ??? ??? ?? ???? ?????.
<template>
<div id="app">
<div class="container" ref="chatListRef">
<ul>
<li v-for="item in msgs" :key="item">{{item}}</li>
</ul>
</div>
</div>
</template>
<script>
import { ref, onMounted, nextTick } from 'vue';
export default {
setup() {
const msgs = ref([...generateNumbers(1, 200)]); // 初始數(shù)據(jù)
const chatListRef = ref(null);
const generateNumbers = (start, end) => {
// 生成數(shù)字序列，此處可替換為實(shí)際數(shù)據(jù)加載邏輯
const numbers = [];
for (let i = start; i <= end; i ) {
numbers.push(i);
}
return numbers;
};
const scrollToBottom = async () => {
await nextTick(); // 確保DOM更新完畢
chatListRef.value.scrollTop = chatListRef.value.scrollHeight;
};
const handleScroll = () => {
const container = chatListRef.value;
if (container.scrollTop === 0) {
const prevScrollHeight = container.scrollHeight;
const newMsgs = generateNumbers(msgs.value.length 1, msgs.value.length 100); // 加載更多數(shù)據(jù)
msgs.value = [...newMsgs, ...msgs.value]; // 將新數(shù)據(jù)添加到數(shù)組頭部
nextTick(() => {
container.scrollTop = container.scrollHeight - prevScrollHeight;
});
}
};
onMounted(() => {
scrollToBottom();
});
return { msgs, chatListRef, handleScroll };
},
};
</script>
<style scoped>
* {
margin: 0;
padding: 0;
}
html,
body {
height: 100vh;
background-color: #e9f5f8;
}
.container {
width: 200px;
height: 500px;
overflow-y: auto;
background-color: #fff;
}
</style>
??? ??? handleScroll ??? ????. ??? ???? ?? ?? ??? ?? ??? ???? ( container.scrollTop === 0 ) nextTick ???? DOM? ???? ? ? ???? ??? ?? ??? ????????. generateNumbers ??? ?? ????? ?? (? : API? ??? ??)?? ?? ???? ?? ?? ????. scrollToBottom ??? ?? ??? ?? ? ? ??? ?? ???? ??????.
? ?? ? ??? ? ???? onMounted Lifecycle Hook ??? ???? ??? ? ??? ????? ??? ???? ?? ??? ??????. ?? ??? ?? ??? ?? generateNumbers ??? ???????.
? ??? VUE? WeChat ?? ???? ??? ????? ??? ???? ??? ??????? ?? ?????. ??? ??? PHP ??? ????? ?? ?? ??? ?????!
? AI ??
Undress AI Tool
??? ???? ??
Undresser.AI Undress
???? ?? ??? ??? ?? AI ?? ?
AI Clothes Remover
???? ?? ???? ??? AI ?????.
Clothoff.io
AI ? ???
Video Face Swap
??? ??? AI ?? ?? ??? ???? ?? ???? ??? ?? ????!
?? ??
??? ??
???++7.3.1
???? ?? ?? ?? ???
SublimeText3 ??? ??
??? ??, ???? ?? ????.
???? 13.0.1 ???
??? PHP ?? ?? ??
???? CS6
??? ? ?? ??
SublimeText3 Mac ??
? ??? ?? ?? ?????(SublimeText3)
???? ?? ???? Cryptocurrency ?? ? ??? (2025 ? ?? ??)
Jul 29, 2025 pm 12:48 PM
2025 ? ?? 10 ? ???? ?? ?? ?? ? ??? ?? ???? ??? ????. 1. CoinmarketCap, ??? ? ?? ?? ?? ? ?? ?? ???? ?????. 2. Coingecko, ??? ? ?? ??? ??? ???? ?? ??; 3. ?? ???? K ?? ?? ? ?? ?? ??? ??? TradingView; 4. Binance Market, ?? ???? ??? ???? ?? ? ???? ?????. 5. OUYI ??, ?? ?? ? ?? ??? ?? ?? ?? ??? ?????. 6. ?? ?? ? ??? ?? ???? ?? ?? ???? ??? ? Glassnode; 7. Messari, ?? ??? ?? ??? ? ??? ??? ? ??? ??; 8. cryptocompa
?? ???? ?? ?? ? ???? ???? ??? ?????? 2025 ? ?? ??? ? ??
Jul 29, 2025 pm 06:36 PM
2025 ?? Stablecoin ??? ???? ? ?? ??? ??? ??? ????. 1. Binance, ???? ??? ? ??? ?? ?, ?? ??? ??? ?? ???? ? ??; 2. OUYI, ??? ?????? ??? ?? ??? ?? OUYI? Web3 ?? ? Defi? ? ?? ??? ?????. 3. CoinmarketCap, ?? ??? ??? StableCoin ??? ?? ?? ??? ??? ? ? ????. 4. ??? ? ??? ??? ?? Coingecko? ?? ?? ? ???? ?? ??? ???? ?? ??? ??? ????. 5. ?? ?? ??? ??? ???? ?? ??? ??? ? ????? Huobi (HTX); 6. Gate.io, ??? ??? ?? ??? ?? ?? ?????, ????? ???? ?????? ? ?? ?????. 7. TRA
Stablecoin?? ?????? ??? ???? stablecoins? ??????!
Jul 29, 2025 pm 01:03 PM
Stablecoins? ?? ??? ?? ?? ??? ????? ??? ?? ?? ?? ??? ?? ?? ? ????? ?? ?????. ??? ???? ?? ??, ?? ?? ? ?? ??? ??? ??? ???? ????? ??? ?????. 1. ???-?? ? ? ??? ? ???? ?? ??? ?? ?? ??? ?? ??? ?????. ??? ????? ???? ?????? ????. ??? ?? ??? ??? ??? ????? ????. ??? USDT ? USDC? ??? ????? ?????. 2. cryptocurrency-ablesternized stablecoins? ???? ?? ? ?? ??? ??? ?? ?????. ??? ?? ? ??????. ??? ?? ??? ????? ????. ?? ????? DAI???. 3. ???? ???? ???? ?? ??? ??? ???? ?? ???? ??? ?? ?? ????? ?????. ??? ?? ? ????? ?? ???? ??? ????. ??? ????? ???? ??? ??? ????. ? ?? ?? ????????. ??? ??? ?? ????.
Ethena ?? ?? : Stablecoin? ? 3 ??? ??
Jul 30, 2025 pm 08:12 PM
?? ?? ????? Battle Royale? ?? ??? ?? ???? ?????. ?? 2023 ? 8 ?, Makerdao ?? ?? ???? ???? ?? $ DAI8%? ??? ?????. ?? ?? Sun Chi? ? 230,000 ??? Steth? ???? Spark? ??? 15% ??? ???? Makerdao? ???? 5%? ????? ?? ?????? ??????. Makerdao? ?? ??? $ DAI? ???? "???"?? ?? ??? ?? Justin Sun? ?? ?????????. 2025 ? 7 ?, Ethe
Binance Treehouse (Tree Coin) ? ?????? ???? ?? ??? ????? ??, ?? ?? ?? ? ?? ??
Jul 30, 2025 pm 10:03 PM
Treehouse (Tree) ? ?????? Treehouse (Tree)? ??? ?????? ?? ??? ?? TETHDOR- ? ??? ?? ?? ?? ?? ??? ?? ???? ?? ?? ? ?? ?? ?? 2025 ??? ?? ?, ??? ? ??? ?? ??? ?? ? ?? ?? ??? ?? Defi? ?? ???? ??? ?? ?? ??? ?? ??? ???? ???, ??? ???? ?? ???? ?? ??? ?????. ??? ?? ??? ?????
?? ?? (ETH) NFT? 7 ? ?? ?? 1 ? 6 ?? ??? ???? ?? ??
Jul 30, 2025 pm 10:06 PM
?? Crypto Market Panoramic Nugget ???? ?? Vinevine (114.79%, ?? ?? ?? 1 ? 4,400 ? ??) ?? ?? (16.46%, ?? ?? ?? 2 ? 9 ?? ??) Navxnaviprotocol (10.36%, ?? ?? ?? 35.762 ?? ??) ??? NFT ??? ?? NFT ?? ? ??? ??? ?? NFT ?? ? Cryptopunks? Decentralized Prover Network Coundinct?? 1 ?? ??????. Token Tge ? ? ????.
?? ???? ?????? ?? ?? ETH? ?? ??? ??????
Jul 31, 2025 pm 11:00 PM
?? ??? ??? ??? ?????? ?? ? ?? ???? ?????, ?? ?? ETH? ??? ???? ?? ? ????. 1. Binance ? Ouyiok? ?? ?? ??? ???, ??? KYC ?? ? Stablecoins?? ?? ETH? ?? ??? ??????. 2. ?? ? ???? ?? ??? ????? ???? Stablecoin ?? ?? ??? ?? ETH? ?????. 3. ???? ??? ???? ?? ??? ????? ??? ? ?? (32 ETH ??), ?? ?? ??? ?? 1 ?? ??? ???? ??? ?? ? ????. 4. Web3 ????? ???? ????? ??? ????? ?? ??? ????? ETH? ????. ???? ?? ?? ??? ????? ???? ?? ?? ? ???? ???? ?? ?? ? ?? ??? ?? ???? ???? ?? ????.
Stablecoin?? ???? ??? ?? ??? ??
Jul 29, 2025 pm 01:09 PM
???? ??? ?? ?? ??? ?? ???? ??? ??? ?? ?????. ??? ?? ??? ?? ??? ?? ?? ??? ???? ?? ??????. ? ?? ?? ??? ????. 1. Fiat ?? ?? ?? STABLECOIN (? : USDT ? USDC)? ???? ??? ?? ?? ???? ?? ?????. 2. DAI? ?? ?? ?? ??? ? ?? ?? ??? ??? ? ??? ??? ?? ?????. 3. ??? ??? ???? ?? ???? ?????? ?? ? ??? ???? ?? ???? ??? ?? ?. Stablecoins? ??? ?? ??? ??? ??? ????. 1. ???? ??? ??? ??? ???? ???? ??? ??? ?? ?? ????. 2. ????? ??? ??? ?? ? ??? ???? ?? ? ?? ??? ???? ?? ??????. 3. ??? ??, ?? ?? ?? ?? ?? (Defi)? ??? ?????.
