vue.js使用v-model实现表单元素(input) 双向数据绑定功能示例

作者：白杨-M 时间：2023-07-02 16:28:28　

本文实例讲述了vue.js使用v-model实现表单元素(input) 双向数据绑定功能。分享给大家供大家参考，具体如下：

v-model 一般表单元素(input) 双向数据绑定

el:'#box',//这里放的是选择器。

不然会不生效

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>www.aspxhome.com vue.js数据双向绑定</title>
<style>
</style>
<script src="https://cdn.bootcss.com/vue/2.4.4/vue.min.js"></script>
<script>
window.onload=function(){
new Vue({
el:'#box',//这里放的是选择器
data:{
msg:'welcome vue'
}
});
};
</script>
</head>
<body>
<div id="box">
<input type="text" v-model="msg">
<br>
{{msg}}
</div>
</body>
</html>

希望本文所述对大家vue.js程序设计有所帮助。

来源：https://www.cnblogs.com/baiyangyuanzi/p/6760470.html

标签：vue.js,v-model,双向数据绑定

投稿

vue.js使用v-model实现表单元素(input) 双向数据绑定功能示例

猜你喜欢

Python进程间通信 multiProcessing Queue队列实现详解

GO语言中回调函数的使用

为你的网页添加背景音乐

python爬虫selenium和phantomJs使用方法解析

MySQL IFNULL判空问题解决方案

SQLServer 清理日志的实现

js实现单机双人象棋设计分析

Python list列表中删除多个重复元素操作示例

[奇招] JS暴虐查找算法

Alexa排名数据xml接口及其参数说明

使用Python自动生成HTML的方法示例

在PyCharm中实现添加快捷模块

GO必知必会的常见面试题汇总

Python二进制转化为十进制数学算法详解

如何实现全文检索？

Django中如何使用sass的方法步骤

Javascript网页抢红包外挂实现分享

Go语言实现新春祝福二维码的生成

PYTHON绘制雷达图代码实例

z-index在IE中的迷惑