vue中refs具体用法

来源:互联网 发布:office2016英文版 mac 编辑:程序博客网 时间:2024/05/17 04:01

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<title>Document</title>

</head>

<body>

<div id="app">

<input type="text" ref="input1">

<!-- 给标签添加一个ref属性。任意标签都可以-->

<button @click="add()">提交</button>

</div>

</body>

</html>

<script>

var vm = new Vue({

el:"#app",

methods:{

add:function () {

this.$refs.input.value="22"

// this指当前的vue实例对象 也就是vm

// .$refs指页面中标签具有ref属性的标签

// 这样做可以减少获取dom节点的消耗

}

}

})

</script>

原创粉丝点击