当前位置:网站首页>v-model指令:获取和设置表单元素的值
v-model指令:获取和设置表单元素的值
2022-08-10 16:24:00 【爱雨天】
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
.active{
border: 1px solid red;
}
</style>
</head>
<body>
<div id="app">
<input type="button" value="修改message" @click="setM">
<input type="text" v-model="message" @keyup.enter="getM">
<h2>{
{message}}</h2>
</div>
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
<script>
var app=new Vue({
el:"#app",
data:{
message:"徐继业"
},
methods:{
getM:function(){
alert(this.message);
},
setM:function(){
this.message="许嘉茵";
}
}
}
)
</script>
</body>
</html>
边栏推荐
猜你喜欢
随机推荐
2025年推出 奥迪透露将推出大型SUV产品
LeetCode-692. Top K Frequent Words
关于“算力”,这篇文章值得一看
C语言按位运算符如何使用
FTXUI按键和ROS2 CLI组合使用笔记(turtlesim+teleop)
cmake 小技巧 记录
秘密共享方案介绍SS
二叉树详解
FTXUI基础笔记(botton按钮组件基础)
二维费用的背包问题 ← 模板题
个人博客部署注意的几点问题
商业智能BI行业分析思维框架:铅酸蓄电池行业(二)
安克创新每一个“五星好评”背后,有怎样的流程管理?
并发容器线程安全应对之道
Taurus.MVC WebAPI 入门开发教程4:控制器方法及参数定义、获取及基础校验属性【Require】。
第叁章模块大全之《 os模块》
铜锁密码库
十年架构五年生活-09 五年之约如期而至
【荣耀智慧服务】快捷服务开发指南
Gif动图制作怎么在线操作?一招教你快速完成gif在线制作