hujung hadapan web
tutorial js
Bagaimana untuk memastikan bahawa hanya mesej semasa memaparkan kotak edit semasa mengklik pada mesej yang berbeza?
Bagaimana untuk memastikan bahawa hanya mesej semasa memaparkan kotak edit semasa mengklik pada mesej yang berbeza?
Apr 04, 2025 pm 04:51 PM
Mengapa ID unik di VUE3, tetapi input dipaparkan pada masa yang sama?
Apabila menggunakan VUE3 untuk membangunkan fungsi penyuntingan rekod sembang, kami menghadapi masalah: Walaupun ID setiap mesej adalah unik, setiap kali mesej yang berbeza diklik untuk penyuntingan, semua mesej yang diedit dipaparkan, bukan hanya mesej yang diklik pada masa ini memaparkan kotak edit. Soalan ini sangat membingungkan saya kerana saya telah memastikan bahawa meg_id untuk setiap mesej adalah bebas dan bahawa meg_id juga diperoleh dengan betul semasa mengklik.
Masalahnya digambarkan seperti berikut: Apa yang saya ingin capai ialah apabila mengklik mesej pertama untuk mengedit, apabila mengklik mesej kedua, kotak edit mesej pertama harus ditutup, dan hanya kotak edit mesej kedua harus dipaparkan untuk mencapai kesan eksklusif yang saling eksklusif.
Berikut adalah proses pelaksanaan tertentu:
Kod subkomponen
<div class="chat-container" v-if="props.dialogdata.showeditcontent && changesgid">
<div class="chat-input-box">
<div class="top-boxes" v-loading="contentloading">
<el-input ref="textInput" id="chat-input" autosize v-model="editContent" type="textarea" placeholder="$ t ('text_send_to')"></el-input>
</div>
</div>
<div class="input-tips">
Kunci ESC <span class="pub-color"> membatalkan </span> · Masukkan kunci <span class="pub-color"> simpan </span>
</div>
</div>
<div v-else: class="['dc-chat-content', props.dialogdata.author.bot? 'dc-chat-bot-content': '']">
<el-popover placement="Right" : look="ToolSvisible" offset="1" show-arrow="false" popper-class="Custom-Popper" teleported="false">
<div v-if="! props.dialogdata.checked" class="more">
<el-button-belup>
<el-tooltip v-for="item dalam menuItems" : key="item.id" effect="dark" content="item.title" placement="Top">
<el-button: icon="item.icon" size="small" : disabled item dalam messagelist kelas="pulldown-list-item" kunci="item.msg_id" dialog-data="item" id="'msg' item.msg_id"></el-button:><p> Format data Messagelist adalah seperti berikut:</p>
<pre class="brush:php;toolbar:false"> [
{
"msg_id": "1276491426334769232",
"Kandungan": "Oh, dengan kuat",
"diperiksa": palsu
},
{
"msg_id": "1276493284222701702",
"Kandungan": "Asdasdaasdsadasd",
"diperiksa": palsu
},
... ditinggalkan]
Bahagian skrip komponen induk:
const handlemenuclick = (val: string, dialogdata: any) => {
jika (val === '1') {
MessageList.Value.Foreach ((item) => {
item.Checked = benar
})
showRecords.Value = true
showReplymsg.Value = false
DialogData.ShowEditContent = false
} else if (val === '2') {
showReplymsg.Value = false
ReplyAuthor.Value = ''
showRecords.Value = false
DialogData.ShowEditContent = true
} else if (val === '3') {
showReplymsg.value = true
DialogData.ShowEditContent = false
ReplyAuthor.Value = dialogdata.author.username
ReplyContent.Value = DialogData.Content
}
}
Untuk menyelesaikan masalah ini, perkara pertama yang perlu difahami adalah bahawa harta yang ditunjukkan sebagai komponen induk. Apabila mesej diklik, fungsi Handlemenuclick akan menetapkan pertunjukan yang menunjukkan mesej kepada Benar. Walau bagaimanapun, ini tidak menutup kotak edit untuk mesej lain.
Untuk mencapai kesan eksklusif yang saling eksklusif, kita perlu menetapkan persembahan yang menunjukkan semua mesej lain kepada palsu apabila mengklik mesej baru untuk mengedit. Anda boleh mengubahsuai fungsi handlemenuclick komponen induk, seperti yang ditunjukkan di bawah:
const handlemenuclick = (val: string, dialogdata: any) => {
jika (val === '1') {
MessageList.Value.Foreach ((item) => {
item.Checked = benar
item.showedItContent = false
})
showRecords.Value = true
showReplymsg.Value = false
} else if (val === '2') {
MessageList.Value.Foreach ((item) => {
item.showedItContent = false
})
showReplymsg.Value = false
ReplyAuthor.Value = ''
showRecords.Value = false
DialogData.ShowEditContent = true
} else if (val === '3') {
MessageList.Value.Foreach ((item) => {
item.showedItContent = false
})
showReplymsg.value = true
ReplyAuthor.Value = dialogdata.author.username
ReplyContent.Value = DialogData.Content
}
}
Melalui pengubahsuaian di atas, setiap kali mesej baru diklik untuk mengedit, kotak penyuntingan mesej lain akan ditutup, dengan itu mencapai kesan eksklusif yang saling eksklusif. Dengan cara ini, walaupun ID adalah unik, kotak input hanya akan memaparkan kotak edit mesej yang diklik sekarang seperti yang kita harapkan.
Atas ialah kandungan terperinci Bagaimana untuk memastikan bahawa hanya mesej semasa memaparkan kotak edit semasa mengklik pada mesej yang berbeza?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!
Alat AI Hot
Undress AI Tool
Gambar buka pakaian secara percuma
Undresser.AI Undress
Apl berkuasa AI untuk mencipta foto bogel yang realistik
AI Clothes Remover
Alat AI dalam talian untuk mengeluarkan pakaian daripada foto.
Clothoff.io
Penyingkiran pakaian AI
Video Face Swap
Tukar muka dalam mana-mana video dengan mudah menggunakan alat tukar muka AI percuma kami!
Artikel Panas
Alat panas
Notepad++7.3.1
Editor kod yang mudah digunakan dan percuma
SublimeText3 versi Cina
Versi Cina, sangat mudah digunakan
Hantar Studio 13.0.1
Persekitaran pembangunan bersepadu PHP yang berkuasa
Dreamweaver CS6
Alat pembangunan web visual
SublimeText3 versi Mac
Perisian penyuntingan kod peringkat Tuhan (SublimeText3)
Topik panas
Cara memeriksa trend utama pemula dalam bulatan mata wang
Jul 31, 2025 pm 09:45 PM
Mengenal pasti trend modal utama dapat meningkatkan kualiti keputusan pelaburan. Nilai terasnya terletak pada ramalan trend, pengesahan kedudukan sokongan/tekanan dan pendahuluan putaran sektor; 1. Jejaki arah aliran masuk bersih, ketidakseimbangan nisbah perdagangan dan kluster pesanan harga pasaran melalui data transaksi berskala besar; 2. Gunakan alamat ikan paus gergasi rantaian untuk menganalisis perubahan kedudukan, aliran masuk dan kos kedudukan; 3. Menangkap isyarat pasaran derivatif seperti kontrak terbuka niaga hadapan, nisbah kedudukan pendek pendek dan zon risiko yang dibubarkan; Dalam pertempuran sebenar, trend disahkan mengikut kaedah empat langkah: resonans teknikal, aliran pertukaran, penunjuk derivatif dan sentimen pasaran yang melampau; Daya utama sering mengamalkan strategi penuaian tiga langkah: menyapu dan pembuatan FOMO, KOL secara kolaborasi menjerit pesanan, dan kekurangan backhand pendek; Novices harus mengambil tindakan keengganan risiko: Apabila aliran keluar bersih pasukan utama melebihi $ 15 juta, mengurangkan kedudukan sebanyak 50%, dan pesanan jualan berskala besar
Ethereum ETH Harga Terkini Aplikasi ETH ETH Perisian Analisis Carta Harga Terkini
Jul 31, 2025 pm 10:27 PM
1. Muat turun dan pasang aplikasi melalui saluran yang disyorkan rasmi untuk memastikan keselamatan; 2. Akses alamat muat turun yang ditetapkan untuk melengkapkan pemerolehan fail; 3. Abaikan peringatan keselamatan peranti dan lengkapkan pemasangan sebagai petunjuk; 4. Anda boleh merujuk kepada data platform arus perdana seperti Huobi HTX dan Ouyi OK untuk perbandingan pasaran; Aplikasi ini menyediakan penjejakan pasaran masa nyata, alat carta profesional, amaran harga dan fungsi agregasi maklumat pasaran; Apabila menganalisis trend, penghakiman trend jangka panjang, aplikasi penunjuk teknikal, perubahan jumlah perdagangan dan maklumat asas; Apabila memilih perisian, anda harus memberi perhatian kepada pihak berkuasa data, keramahan antara muka dan fungsi yang komprehensif untuk meningkatkan kecekapan analisis dan ketepatan membuat keputusan.
Apa itu Ethereum? Apakah cara untuk mendapatkan Ethereum Eth?
Jul 31, 2025 pm 11:00 PM
Ethereum adalah platform aplikasi yang terdesentralisasi berdasarkan kontrak pintar, dan ETH token asalnya boleh diperolehi dalam pelbagai cara. 1. Daftar akaun melalui platform berpusat seperti Binance dan Ouyiok, pensijilan KYC lengkap dan membeli ETH dengan stablecoins; 2. Sambungkan ke penyimpanan digital melalui platform yang terdesentralisasi, dan secara langsung bertukar ETH dengan stablecoins atau token lain; 3. Mengambil bahagian dalam ikrar rangkaian, dan anda boleh memilih Ikrar Bebas (memerlukan 32 ETH), perkhidmatan ikrar cecair atau ikrar satu klik pada platform terpusat untuk mendapatkan ganjaran; 4. Dapatkan ETH dengan menyediakan perkhidmatan kepada projek Web3, menyelesaikan tugas atau mendapatkan udara. Adalah disyorkan bahawa pemula bermula dari platform terpusat arus perdana, beransur -ansur beralih ke kaedah yang terdesentralisasi, dan selalu melampirkan kepentingan keselamatan aset dan penyelidikan bebas, ke
Apakah laman web untuk pertanyaan harga masa nyata bitcoin? Laman web yang disyorkan yang boleh melihat bitcoin k-line dan carta kedalaman
Jul 31, 2025 pm 10:54 PM
Dalam pasaran mata wang digital, penguasaan masa nyata harga bitcoin dan urus niaga maklumat mendalam adalah kemahiran yang mesti dimiliki untuk setiap pelabur. Melihat carta K-line yang tepat dan carta kedalaman dapat membantu menilai kuasa membeli dan menjual, menangkap perubahan pasaran, dan memperbaiki sifat saintifik keputusan pelaburan.
Tutorial Pendaftaran Akaun Mata Wang Digital BTC: Pembukaan Akaun Lengkap dalam Tiga Langkah
Jul 31, 2025 pm 10:42 PM
Pertama, pilih platform terkenal seperti Binance Binance atau Ouyi Okx, dan sediakan nombor telefon dan telefon bimbit anda; 1. Lawati laman web rasmi platform dan klik untuk mendaftar, masukkan e-mel atau nombor telefon bimbit anda dan tetapkan kata laluan kekuatan tinggi; 2. Hantar maklumat selepas bersetuju dengan terma perkhidmatan, dan lengkap pengaktifan akaun melalui kod pengesahan e -mel atau telefon bimbit; 3. Selepas log masuk, Pengesahan Identiti Lengkap (KYC), membolehkan pengesahan sekunder (2FA), dan sentiasa memeriksa tetapan keselamatan untuk memastikan keselamatan akaun. Selepas melengkapkan langkah -langkah di atas, anda boleh berjaya membuat akaun mata wang digital BTC.
BTC Trading Platform Versi Terkini Aplikasi Muat turun 5.0.5 Platform Perdagangan BTC Laman Web Rasmi Aplikasi Muat turun Link
Aug 01, 2025 pm 11:30 PM
1. Pertama, pastikan rangkaian peranti stabil dan mempunyai ruang penyimpanan yang mencukupi; 2. Muat turunnya melalui alamat muat turun rasmi [ADID] FBD7939D674997CDB4692D34DE8633C4 [/adid]; 3. Lengkapkan pemasangan mengikut peranti yang diminta, dan saluran rasmi selamat dan boleh dipercayai; 4. Selepas pemasangan selesai, anda boleh mengalami perkhidmatan perdagangan profesional yang setanding dengan platform HTX dan OUYI; Sorotan ciri versi 5.0.5 baru termasuk: 1. Mengoptimumkan antara muka pengguna, dan operasi lebih intuitif dan mudah; 2. Meningkatkan prestasi urus niaga dan mengurangkan kelewatan dan slippages; 3. Meningkatkan Perlindungan Keselamatan dan Mengadopsi Teknologi Penyulitan Lanjutan; 4. Tambah pelbagai alat carta analisis teknikal baru; Perhatikan: 1. Simpan kata laluan akaun dengan betul untuk mengelakkan pembalakan pada peranti awam; 2.
Stablecoin membeli saluran luas
Jul 31, 2025 pm 10:30 PM
Binance menyediakan pemindahan bank, kad kredit, P2P dan kaedah lain untuk membeli USDT, USDC dan stablecoins lain, dengan pintu masuk mata wang fiat dan keselamatan yang tinggi; 2. OUYI OKX menyokong kad kredit, kad bank dan pembayaran pihak ketiga untuk membeli stablecoins, dan menyediakan perkhidmatan transaksi OTC dan P2P; 3. Sesame terbuka pintu. 4. Huobi menyediakan kawasan perdagangan mata wang fiat dan pasaran P2P untuk membeli stablecoins, dengan kawalan risiko yang ketat dan perkhidmatan pelanggan berkualiti tinggi; 5. Kucoin menyokong kad kredit dan pemindahan bank untuk membeli stablecoins, dengan pelbagai transaksi P2P dan antara muka yang mesra; 6. Kraken menyokong kaedah pemindahan ACH, SEPA dan lain
USDT Proses Pembelian Mata Wang Maya USDT Panduan Lengkap Terperinci
Aug 01, 2025 pm 11:33 PM
Pertama, pilih platform perdagangan yang bereputasi seperti Binance, Ouyi, Huobi atau Damen Exchange; 1. Daftar akaun dan tetapkan kata laluan yang kuat; 2. Pengesahan identiti lengkap (KYC) dan mengemukakan dokumen sebenar; 3. Pilih pedagang yang sesuai untuk membeli USDT dan lengkap pembayaran melalui urus niaga C2C; 4. Membolehkan pengesahan identiti dua faktor, tetapkan kata laluan modal dan periksa aktiviti akaun secara teratur untuk memastikan keselamatan. Seluruh proses perlu dikendalikan di platform rasmi untuk mencegah phishing, dan akhirnya menyelesaikan pembelian dan pengurusan keselamatan USDT.
