vue基础学习(1.5)：vue的事件处理、表单数据的自动收集

川长思鸟来 2023-07-08 02:42 52阅读 0赞

1. vue的事件处理

  1. 绑定监听
    v-on:XXX=“XXX” ==>简写：@XXX=“XXX”
    默认事件形参：event
    隐含属性对象：$event
  2. 事件修饰符
    .prevent：阻止事件的默认行为 event.preventDefault()；
    .stop：停止事件冒泡 event.stopPropagation()；
  3. 按键修饰符
    .keycode：操作的是某个keycode值的健；
    .enter：操作的是enter键。

  4. 代码示例

    <!DOCTYPE html>




    07_事件处理




    1. 绑定监听






    2. 事件修饰符


    百度一下




    3. 按键修饰符










  5. 运行结果：
    在这里插入图片描述

2. 表单数据的自动收集

  1. 使用v-model进行双向数据绑定，从而自动收集数据。
    作用在表单的：text、textarea checkbox radio select 上

  2. 代码示例：

    <!DOCTYPE html>




    08_表单输入绑定






























    用户名:
    密码:
    性别: 男
    女
    爱好: 篮球
    足球
    乒乓球
    城市:

    介绍:









  3. 运行结果
    在这里插入图片描述

发表评论

表情：
评论列表 （有 0 条评论，52人围观）

还没有评论，来说两句吧...

相关阅读