v-model

标签:声明   src   无效   表达式   NPU   strong   更改   data   type   

v-model

作用: 表单元素的绑定,实现了双向数据绑定,通过表单项可以更改数据。

v-model会忽略所有表单元素的valuecheckedselected特性的初始值,而总是将Vue实例的数据作为数据来源,应该在data选项中声明初始值。

2 绑定文本框

<p>{{message}}</p>

<input type=‘text‘ v-model=‘message‘>

 

<!-- v-model其实是语法糖,它是下面这种写法的简写 -->

<!-- 语法糖:这种语法对语言的功能并没有影响,但是更方便程序员使用 -->

<input v-bind:value=‘message‘ v-on:input=‘message = $event.target.value‘ />

 

data: {

message: ‘message默认值

}

技术图片

 

 

2 绑定多行文本框

<textarea v-model="message"></textarea>

data: {

message: ‘我是多行文本内容

}

注意:多行文本框中使用插值表达式 无效

技术图片

 

 

 

v-model

标签:声明   src   无效   表达式   NPU   strong   更改   data   type   

原文地址:https://www.cnblogs.com/ht955/p/14201769.html

版权声明:完美者 发表于 2021-01-01 12:44:45。
转载请注明:v-model | 完美导航

暂无评论

暂无评论...