Vue中封裝input元件

2021-08-04 16:44:14 字數 727 閱讀 9984

最近有點忙不過來 脫了很久,沒有更新 抱歉。今天要將的時如何自定義封裝input元件

博主知識發個簡單的模板 碼友們可以更具自己的實際專案新增需要的引數

我的專案中的ui圖是這樣的

**如下

子元件的模板設定

"completion-input-box">

"input-box-name">}

type="text"

ref="input"

:value="value"

@input="$emit('input', $event.target.value)"

>

父元件模板

"completion-input-box">

"'創業專案名稱'" v-model="projectn">

"'所屬公司名稱'" v-model="companyn">

"'所屬投資機構名稱'" v-model="mechanismn">

這只是乙個簡單的思想大家可以豐富起來 謝謝

vue中封裝全域性元件方法

vue專案中全域性註冊js檔案 首先是建立乙個js檔案叫toast.js export const toast var div document.getelementsbytagname div 0 toast2 這裡的方法就是快捷新增樣式的函式 function style domname,obj...

vue中封裝svg icon元件並使用

1.使用vue cli3.0腳手架執行搭建乙個專案,位址 截圖如下 2.components檔案下新建svgicon元件 檔案中的 如下 3.將所需svg檔案放置icons的svg資料夾下 icons檔案下的index.js檔案中的 如下 import vue from vue import svg...

在webpack中封裝並渲染vue元件(筆記)

傳統的做法可用性不好,不利於團隊協作開發。在模組化開發的前提下,它給我們提供了一種新的使用元件的方式 如果我們需要乙個元件,就建立乙個.vue的檔案來封裝這個元件 實現了對單獨的元件的模組化封裝 這個元件裡面有三個根元素template,script,style 注意 在這裡元件的data成員必須是...