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ù)據(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)
??? ??
8519
17
1744
16
1599
56
1538
28
1397
31
2025 ? 7 ? ?? ?? ??? ?? ?? ?? ?? : ?? ? ?? ???
Jul 04, 2025 pm 08:42 PM
2025 ? 7 ?? ???? ?? ??? ??? ?? ??? ?? ??? ??? ? ??? ???? ????. Pi, Pepe ? Floppypepe? ?? ??? ??? ??? ??? ????? 2025 ? 7 ????? ??? ????? ??? ?? ?? : ?? ?? ?? ?? ?? 20125 ? ??, ??? ?? ??? ?? ??? ??? ?? ?????. ?? ?? ???? "?? ?? ??"??? ????? ??? ?????. Pinetwork, Pepe ? Floppype? ?? ??? ??? ?? ??? ??? ???? ????? ??? ??? ?????. Altcoin Market : 7 ?? ??? ?? ?? ? ????? ?? ??? ??? ?? ??? ????“Altcoin Season”? ???? ??? ????. ???
BNB? ?? ??? BNB? ??????
Jul 04, 2025 pm 12:18 PM
BNB? Binance? ?? ? ??? ???? ?? BNB ?? ???? ?? ?? ????????. ?? ??? 1. ?? ??? ??; 2. BNB ?? ?? ???; 3. LaunchPad ????? ??????. 4. ?? ? ??. ?? ???? ?? ??? ??? ????. 1. Binance, ?? ?? BNB ???? ?????. 2. OUYI, ??? ? ?? ??; 3. ???, ????? ??? ??; 4. Gate.io, ??? ?? ??; 5. Kucoin, ?? ?? ????; 6. Kraken, ??? ?? ??? ?????.
Binance? 25 ?? Hodler Airdrop??? ????. 1 ? 2 ? 5 ?? Sahara? ??? ??? ???? ???? ????
Jul 04, 2025 pm 06:06 PM
??? ??? ?? ?? ??? ?? ??? ?? ??? ??? ?? ??? ?????? ????. Sahara AI (Sahara) ????? ??????, ??? ? ???? AI ???? ?? ?? ???? ??? ?? ??? ????? ?? ???? ???? ???? ???? ???? ????? ??? ?? ???? ????.
Elon Musk, Sam Altman ? Robinhood : ?? ?? ????
Jul 04, 2025 pm 08:30 PM
Robinhood? Openai? SpaceX ?? ? ? ??? ???? ??? ?????, Elon Musk? Sam Altman? ?? "?? ??"? ??? ?? ?? ?????. ?? ?? ??? (Elon Musk), ? ??? (Sam Altman), ???? ???? ??? ??? ???????,? ?? ?? ?? ????? ??? ????. Robinhood? OpenAI ? SpaceX? ?? ?? ???? ?? ?? ???? ?? ? ? ??? ???? ??? ??? ????? ?? ???? ??? ??? ???????. Robinhood 's Tokenized Equity : ??? ??? Vlad Tenev CEO? ??? Robin
Remittix, Monero and Cryptocurrency- ?? ??? ?? : ? ??? ??? ???????
Jul 04, 2025 pm 09:33 PM
Remittix (RTX), Monero (XMR) ? Crypto-Fiat Trends : ??? ????? ???? ???? ??????? ?? Cryptocurrencies? ??? ???? ??? ??????. Remittix, Monero ? Cryptocurrency Evolution : ?? ???? ??? ?????? ??? ??? ?? ??? ? ??? ???, ??? ??? ????? ???? ??? ?? ?? ???? ????. ?? Remittix (RTX), Monero (XMR) ? Crypto-Fiat ?? ??? ??? ????? ????. ? ??? ?? ?? ?? ???? ??? ?? ?????. Remittix : ???? ???? ?? ?? ??? ?? ??? ??? ?? ???, ?? ??? ?? ???? ?? ??? ?? ??? ?? ??? ???????. "???
???? ???? ???? (ICNT) ? ?????? ???? Binance? ? ?? ? ICN ????? ?? ??? ? ??
Jul 07, 2025 pm 07:06 PM
?? 1. ICN?? ?????? 2. ICNT ?? ???? 3. ICN? ?? Depin ???? ? ?? ?? ?? ?? ? ???? ?? 4. 5 ? ? Depin ??? ?? ??? ?? ICN (INCEBLECLOUDNETWORK) @ICN_Protocol? NGPCAPITAL? ?? ??? ??? 4,700 ? ??? ??? ???? ??????. ?? ???? ? ??? "Xiaomi? Web3? ?? ?????" ??? Lei Jun? ???? ???? ???? Xiaomi, Helium ? Workfusion? ?? ? ??
Bitcoin, cryptocurrency, ?? ?? : ?? ???? ??? ??? ??
Jul 04, 2025 pm 09:42 PM
Bitcoin? ?? ??? cryptocurrency ?? ?????? ?? ??? ???, ?? ?? ?? ? ?? P2E ??? ??????. Bitcoin, cryptocurrency, ?? ?? : Bitcoin? ??? ??????? ?? cryptocurrency ??? ???? ?? ???? ??? ??? ?????. ???? ?? ???????? ?? ???? ?? ??? ???? ???? ???? ??? ? ?? ??? ?????. ?? ??? ???? ???? ???? : $ 109,000 - ?? ??? ?????? Bitcoin? ?? BlackRock ETF? ??? ? ??? ????? ??, ? ?? ?? ? ?? ?? ??? ? 109,000 ??? ????? ??????. ? ???? ?? ????? ??? ??? ????? ????????.
Zkasino? 3 ?? ??? '?? ?????'?? : UAE?? ?? ? ??? - ??? ?? ??????
Jul 04, 2025 pm 08:27 PM
Whiterock ??? Ildar Ilham? UAE?? Zkasino? 3 ?? ?? "?? ??"???? ???????. ??? Defi? ??? ??? ?? ? ???? ?????. cryptocurrency circle? Zkasino ??? ?? ??? ?? ??? ????? ????. Whiterock? ??? ? Ildar Ilham? UAE?? ?????, ???? 3 ?? ??? ??? ???“??? ??”??? ??? ?? ?? ?????? ???? ??? ?????. Zkasino? ?? : ??? ??? ???? Zkasino ???? ???? ?? ? 10,505 ?? ETH? ?? ???? ???? ?? ? ? ??? ???? ??? ?? ???? ??????. ? ??? ??? ???????
