Vue输出input的内容

桃扇骨 2023-10-18 08:47 105阅读 0赞

<!doctype html>
    <html lang="en">
     <head>
      <meta charset="UTF-8">
      <meta name="Generator" content="EditPlus®">
      <meta name="Author" content="">
      <meta name="Keywords" content="">
      <meta name="Description" content="">
      <title>Vue输出Hello World</title>
     </head>
     <body>
      <div id="app">
      <input type="text" v-model="name" placeholder="你的名字">
      <h1>Hello World，{
       {name}}</h1>
     </div>
    
    <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script> 
    <script>
     var app = new Vue({
      el:'#app',
      data:{
       name:''   
      }
     })
    </script>
     </body>
    </html>

运行：

![Image 1][]![70][]

![70 1][]

![Image 1][]

[Image 1]: 
[70]: https://img-blog.csdn.net/20180912235130383?watermark/2/text/aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0JBREFPX0xJVU1BTkdfUUlaSEk=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70
[70 1]: https://img-blog.csdn.net/2018091223514689?watermark/2/text/aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0JBREFPX0xJVU1BTkdfUUlaSEk=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70

发表评论取消回复

表情：

评论列表（有 0 条评论，105人围观）

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

相关阅读

相关 Vue之input框自动获取焦点+内容形式修改

前言在项目开发的过程中需要用到input框，限定input框中只能输入数字，当界面一显示的时候input框获得焦点，并调起手机上的数字框。实现方式 ...

布满荆棘的人生/ 2024年04月19日 10:42/ 0 赞/ 150 阅读

相关 Vue输出input的内容

<!doctype html> <html lang="en"> <head> <meta charset="UTF-8">

桃扇骨/ 2023年10月18日 08:47/ 0 赞/ 106 阅读

相关清除input文本框内容

清除input文本框内容效果： ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR

朴灿烈づ我的快乐病毒、/ 2023年06月24日 13:25/ 0 赞/ 41 阅读

相关 vue实时监听input输入框中输入内容

1：根据官方文档change 输入框内容变化时的回调 <a-input-search style="width: 15%;height:3%;margin-top

绝地灬酷狼/ 2023年02月17日 03:47/ 0 赞/ 116 阅读

相关 vue 实现自己的input

<template> <div class="form"> <span class="label">{ { label }}<

淡淡的烟草味﹌/ 2022年10月10日 09:53/ 0 赞/ 195 阅读

相关 ios Byte *bt 输出输出指针对应的内容

Byte \bt 将指针bt所指的内容，输出打印出来 1、初始化、赋值 Byte \bt Byt

怼烎@/ 2022年09月24日 07:23/ 0 赞/ 242 阅读

相关 vue中获得input的值

原生 js 使用 getElementById 比较麻烦的地方需要为元素设置 id 设置 id 之后，无法复用，因为一个页面中不能存在两个相同的 id

悠悠/ 2022年05月24日 03:25/ 0 赞/ 292 阅读

相关 vue监听input输入

想用vue监听input的输入，但是又懒得引入jquery，去网上查了资料，才找到方法。实现方法如下。 ![70][]用v-on来绑定，然后就可以动态获取input的值了

以你之姓@/ 2022年05月19日 03:39/ 0 赞/ 384 阅读

相关 Vue input的一些方法

多选框获取value 值，已经动态改变样式 ![70][] <div class="doctor"> <div class="doctor-li">

迷南。/ 2022年05月13日 04:44/ 0 赞/ 309 阅读

相关 vue + iview 中 Input 与 input 的 change 事件区别

转自： https://blog.csdn.net/yiifaa/article/details/52452153 1、vue + input <label>i

清疚/ 2022年03月06日 19:30/ 0 赞/ 958 阅读