首页 > 其他分享 >vue-03

vue-03

时间:2022-10-26 22:26:04浏览次数:51  
标签:03 vue console name -- res password data

目录

表单控制

1.checkbox--单选--布尔值--如是否记住密码
  checkbox--多选--数组--如爱好
  redio--单选--字符串--如姓别
 注:v-model--双向数据绑定
     value--数据传入后端
2.代码:
<body>
<div id="app">
    用户名:<p><input type="text" v-model="name" value="name"></p>
    密码:<p><input type="password" v-model="password" value="password"></p>
    是否记住密码:<p><input type="checkbox" v-model="halderdCheckbox"></p>
    {{ halderdCheckbox }}
    <input type="checkbox" v-model="hobby" value="

标签:03,vue,console,name,--,res,password,data
From: https://www.cnblogs.com/040714zq/p/16830286.html

相关文章

  • 购物车与vue生命周期与后端交互
    表单控制1.<inputtype="checkbox">-多选、单选2.<inputtype="radio">-单选<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><title>Titl......
  • 【2022.10.26】Vue基础学习(3)
    内容概要1.表单控制2.购物车案例3.v-model进阶4.vue生命周期1表单控制#input:checkbox(单选,多选),radio(单选)<!DOCTYPEhtml><htmllang="en"><head><meta......
  • 【2022-10-26】前端Vue框架(三)
    一、表单控制#表单控制可以用一个input框来实现数据绑定:主要参数有checkbox(单选,多选),radio(单选),示例如下:1.1单选<!DOCTYPEhtml><htmllang="en"><head><meta......
  • Vue 组件化编程
    1.1模块与组件、模块化与组件化1.1.1模块理解:向外提供特定功能的js程序,一般就是一个js文件为什么:js文件很多很复杂作用:复用js,简化js的编写,提高js运行效率......
  • vue_3
    目录表单控制基本购物车案例购物车进阶版v-model进阶Vue生命周期1.varvm=newVue({})2.四个过程对应八个函数,依次进行(到某个过程就会执行某个函数)3.钩子函数(hook)4.与......
  • 新建vue项目中各个文件夹的作用
    node_modules文件夹作用:项目的安装依赖文件夹,由命令nmpinstall生成public文件夹:用于存放项目所使用到的一些静态资源(图片等),在最后webpack打包时会直接放入dist文......
  • vue3-- 表单控制 - radio单选 - 购物车案例 - v-model进阶 (了解) - vue生命周期
    表单控制radio单选购物车案例v-model进阶(了解)vue生命周期表单控制input:checkbox(单选,多选,radio(单选))<!DOCTYPEhtml><htmllang="en"><head><metacha......
  • Vue学习-03
    表单控制input:CheckBox(单选,多选)   radio(单选)代码演示<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><title>Title</title><scrip......
  • TypeError: Object of type 'ndarray' is not JSON serializabl;TypeError: Object of
    1.python使用​​json.jsonify​​​将结果转为json格式时,爆出如上​​TypeError:Objectoftype'ndarray'isnotJSONserializable​​​错误。(flask)代码如下:@app......
  • Vue 尚硅谷
     //定义组件constschool=Vue.extend({template:`<h2>{{message}}</h2>`,data(){message:'nihao,hello'}})//局部注册组件newVue({......