vue v model 動態生成

2021-08-04 10:47:03 字數 1563 閱讀 8633

1.input 輸入框 v-model 繫結的欄位名需要根據後台返回的資料動態生成,此時就不可以用 v-model繫結,而是用傳統的方法 value 動態繫結,並且用子元件繫結向父元件傳遞值和事件。 **如下:

//子元件

if="type === 0" type="text" :value="currentvalue" @change="handleinput">

//父元件//extendtypes 動態獲取過來的擴充套件字段 需要繫結的model 為item.extendkey

value="extendtypesmodel[item.extendkey]" :type="item.type" @input="handleupdate(item.extendkey, $event)">

div>

div>

// model是動態的,不可以寫死,只能在本地先定義乙個json extendtypesmodel,在獲取過來後台的資料之後,本地賦值為空

this.extendtypesmodel = {}

if (res && res.code === 0)

this.extendtypes = res.data

}

//父元件註冊的事件

handleupdate(key, value)

父子元件通過自定義屬性和自定義事件實現通訊。

父元件 自定義屬性 v-bind 將父的值傳給子

子元件通過 props 來接受 父的值,接受後 可以想data 一樣直接拿來使用。

子元件內部 通過 $.emit( 父元件方法名,value) 方法向父元件傳值,父元件拿到值 並觸發父元件的事件了。

class="form-group"

v-for="(item, index) in extendtypes">

class="control-label">

}label>

// 既不需要用v-model繫結 也不需要用到子元件 將賦值和取值分開來 而不是用 v-model去繫結,這裡取值用到 ref

class="form-control"

:value="extendtypesmodel[item.extendkey]" @input="handleupdate(item.extendkey, index)"

ref="ipt">

div>

class="text-danger"

v-if="item.isrequired === 1">*div>

div>

handleupdate(key, index)
re

f綁值取

值ref

給元素或

者子元件

註冊引用

資訊,綁

定在th

is. refs 上邊。如果是v-for 遍歷的話,繫結的就是個陣列。

一般通過 $ref.name.value 來取值。。。。。。

動態生成CS檔案(動態生成C 類)

1.codetypedeclaration 可用於表示宣告類 結構 介面或列舉的 官方傳送門 2.codememberfield 表示某種型別的字段的宣告 官方傳送門 3.codedomprovider 可用於建立和檢索 生成器和 編譯器的例項。生成器可用於以特定的語言生成 而 編譯器可用於將 編譯...

動態生成Table DataSet

querymsmqlist querymsmq new querymsmqlist private coreexchange listquerylist querymsmq.mreceive dataset dsqueuemsmq new dataset datatable dsqueuetable...

動態生成列

create procedure sp createtable tname varchar 100 colscript varchar 1000 colnum int coltype varchar 100 as begin declare s varchar 8000 i int set s cr...