VUE 一鍵新增一排輸入框

2021-10-06 13:28:23 字數 2216 閱讀 7463

建立乙個**(四列),按鈕的作用是在**中新增一行資料(包括刪除實現)

="table_box"

>

"addexperiencedata"

>新增一行<

/el-button>

"table"

:border=

"true" style=

"width:100%;height:100%"

:data=

"experiencedata"

>

"name"

:label=

"$t('addition.directrequire.nolist')"

>

"scope"

>

"experiencedata[scope.$index].name" placeholder=

"請選擇"

size=

"small"

>

for=

"item in optionsv2"

:key=

"item.value"

:label=

"item.label"

:value=

"item.value"

>

<

/el-option>

<

/el-select>

<

/template>

<

/el-table-column>

"age"

:label=

"$t('addition.directrequire.invoiceno')"

>

"scope"

>

"textarea" autosize placeholder=

"請輸入內容"

v-model=

"experiencedata[scope.$index].age"

>

<

/el-input>

<

/template>

<

/el-table-column>

"age"

:label=

"$t('addition.directrequire.amountincludetaxcny')"

>

"scope"

>

"textarea" autosize placeholder=

"請輸入內容"

v-model=

"experiencedata[scope.$index].post"

>

<

/el-input>

<

/template>

<

/el-table-column>

"age"

:label=

"$t('addition.directrequire.taxcny')"

>

"scope"

>

"textarea" autosize placeholder=

"請輸入內容"

v-model=

"experiencedata[scope.$index].number"

>

<

/el-input>

<

/template>

<

/el-table-column>

"age"

:label=

"$t('addition.directrequire.amountencludetaxcny')"

>

"scope"

>

"deleteroweexperiencedata(scope.$index)"

>刪除

<

/el-button>

<

/template>

<

/el-table-column>

<

/el-table>

<

/div>

<

/div>

// 實際功能就是push一行experiencedata

data()

methods:);

},deleteroweexperiencedata

(index)

,

Vue 點選新增生成一組輸入框

場景 需要通過點選新增按鈕,來增加一組輸入框,填寫資訊。通過for迴圈資料的方式實現,點選新增,向陣列中增加一組資料 table資料 class paramdatadiv v for item,i in form.head key item.id class divinput v model ite...

如何一鍵新增黑白攝影

silver efex pro 2是nik collection系列產品中專為黑白效果設計的調色濾鏡軟體,silver efex pro 2可以借助最全面的暗房風格控制項來掌握黑白攝影藝術,為大家帶來了20種不同的黑白傳奇電影效果。要建立出色的黑白 您需要的不僅僅是乙個簡單的去飽和度工具即可從影象中...

vue 一鍵換膚 換主題

該一鍵換膚只是定義好幾個顏色,並進行簡單的切換。在src下的assets檔案下面定義乙個css資料夾,在對應的檔案裡面定義 handle.scss和 themes.scss檔案,如下 2.在 themes.scss檔案裡面定義好需要用到的幾個樣式。如下 themes.scss 當html的data ...