信息可視化排名組件分享
我們都知道，組件是vue里不可或缺的一部分，當(dāng)有一部分代碼只有內(nèi)容不同，樣式相同且需要重復(fù)使用的時(shí)候，如果我們每個(gè)頁(yè)面都寫這個(gè)樣式和代碼，當(dāng)后期樣式或者結(jié)構(gòu)需要調(diào)整的時(shí)候，則需要改很多遍，組件解決了這
uniapp怎么組件間傳值的兩種方法
我們?cè)谧鲰?yè)面的時(shí)候，經(jīng)常會(huì)有組件之間傳值的情況，uniapp的組件傳值方法和vue類似，無非兩種URL傳值和事件傳值。第一種辦法，通過url傳值，我們?cè)谑褂胣avigateTo進(jìn)行頁(yè)面跳轉(zhuǎn)的時(shí)候，在頁(yè)
Vue-利用ref給元素或子組件注冊(cè)引用信息
我們都知道原生JS獲取DOM元素是很麻煩的，需要用到如document.getElementById這么長(zhǎng)的API來獲取。于是vue可以幫我們解決這個(gè)問題，vue也有自帶的獲取DOM的方法，那就是ref。它不僅可以獲取DOM元素還可以獲取組件。首先，需要用ref來給元素或子組件注冊(cè)引用信息。引用信息將會(huì)注冊(cè)在父組件的 $refs 對(duì)象上。如圖所示：如果在普通的 DOM 元素上使用，引用指向的就是 ...
利用富文本編輯器傳遞內(nèi)容Html--父?jìng)髯?/a>
發(fā)現(xiàn)有一個(gè)接口需要內(nèi)容和內(nèi)容的html兩種參數(shù)。借鑒一下同事的富文本編輯器，發(fā)現(xiàn)v-model并不能很好的實(shí)現(xiàn)雙向綁定，去編輯器官網(wǎng)啃了兩天，結(jié)合封裝起來的編輯器成功做成了雙向綁定，并能夠正確傳遞Html參數(shù)，以下請(qǐng)看例子。首先，這里可以看到，通過：傳遞editorParams這個(gè)參數(shù)，并在子組件中監(jiān)聽它的變化，當(dāng)父組件的值改變時(shí)，使其與子組件中的值相等，可以看到其中監(jiān)聽的數(shù)值很多，這里可以推斷e...
2023-06-27
利用富文本編輯器傳遞內(nèi)容Html--子傳父
解決了父?jìng)髯拥膯栴}，現(xiàn)在來解決子傳父的問題。因?yàn)檫@是一個(gè)修改的頁(yè)面，所以文本肯定需要修改，現(xiàn)在我們改變了文本值嘗試點(diǎn)擊立即修改并發(fā)送editorParams.content的值?？梢钥吹絚ontent的值并沒有改變，但是文本已經(jīng)改變了，這里的坑是因?yàn)殡p向綁定在子組件而不是父組件，這里的editorParams.content只是作為父組件傳遞的參數(shù)而不是雙向綁定的參數(shù)。那么要怎么得到子元素的文本值...
2023-06-27
根據(jù)數(shù)字不同顯示不同的狀態(tài)——(￣?￣)
最近又踩了一個(gè)坑，本身是一個(gè)很小的問題，但是很不容易被注意到，這個(gè)小問題還卡了我倆小時(shí)，一邊捫心自問一邊找錯(cuò)誤，但就是沒用，以下請(qǐng)看，不喜勿噴。在瀏覽器中，我們的數(shù)字和字符串是沒有明顯區(qū)別的，可能是顯示問題或者自動(dòng)轉(zhuǎn)化了類型（這我還真不清楚）除非是console.log打印出來或者用typeOf（）判斷下，否則肉眼是很難觀察出來的。上一篇文章為大家介紹了組件間的傳值，向大家展示了通過:prop傳值...
