在实际开发中，我们经常需要获取表单中输入的内容，比如注册，登录等等 vue 中可以使用$refs获取表单内容，也可以使用v-model双向绑定数据来获取 一、使用$refs获取表单内容 <template><div> <input type="text" ref="name"> <button @click="getInputValue">获取表单内容</button></div> </template> <script>export default {data(){return{}},methods:{getInputValue(){var n=this.$refs.name.value;console.log(n)}}} </script...
vue中使用new Vue() 的方式可以实现数据到页面元素的双向绑定。使用Vue内的el参数绑定标签的id建立关联，data参数定义标签需要绑定的数据，methods参数定义函数集合标签内使用{{field}} 绑定数据到标签内；标签内使用 v-model="field" 可以实现标签到数据model的双向绑定；按钮标签使用 v-on:click="函数或简单代码逻辑" 可以实现点击事件。<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><meta name="viewport" c...