zoukankan      html  css  js  c++  java
  • v-model

    v-model

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

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

    ² 绑定文本框

    <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默认值'

    }

    ² 绑定多行文本框

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

    data: {

    message: '我是多行文本内容'

    }

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

     

    右侧打赏一下 代码改变世界一块二块也是爱
  • 相关阅读:
    使用GitHub+hexo搭建个人独立博客
    HDU 3038
    POJ 1417
    HDU 1213
    ZOJ 3781
    ZOJ 3780
    ZOJ 3777
    HDU 3045
    HDU 3480
    POJ 1180
  • 原文地址:https://www.cnblogs.com/ht955/p/14201769.html
Copyright © 2011-2022 走看看