Flex布局的三个属性

最新推荐文章于 2025-01-09 14:00:00 发布

原创

最新推荐文章于 2025-01-09 14:00:00 发布 · 1k 阅读

20 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #前端 #vue.js

收集表单数据:
若:，则v-model收集的是value值，用户输入的就是value值。
若:，则v-model收集的是value值，且要给标签配置value值
若:
1.没有配置input的value属性，那么收集的就是checked(勾选or 未勾选，是布尔值)
2.配置input的value属性:
(1)v-model的初始值是非数组，那么收集的就是checked(勾选or 未勾选，是布尔值)
(2)v-model的初始值是数组，那么收集的的就是value组成的数组
备注:v-model的三个修饰符:
lazy:失去焦点再收集数据
number:输入字符串转为有效的数字
trim:输入首尾空格过滤

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <title>收集表单数据</title>
  <script src="../js/vue.js"></script>

  <style>
  #root{
     
     padding:10px;}
  #root form{
     
     clear: both;width:500px;margin:0px auto;}
  #root .rows{
     
     clear: both;padding-bottom:15px;}
  #root .rows label{
     
     }
  #root .rows input{
     
     }
  .ml{
     
     margin-left: 100px;}
  </style>

</head>
<body>
<div id="root">
  <form @submit.prevent="demo1">
    <div class="rows