vue 实现点击插入输入框_vue把输入框的内容添加到页面的实例讲解

vue把输入框的内容添加到页面的实例讲解

vue最最最简单的demo(记得引入)

实例化一个vue，绑定#app的元素，要渲染的数组arr作为data。

把arr的item渲染到页面，输入内容点击按钮把用户输入的内容添加到页面以及数组

Title

click to add input's content

add

{ {item}}

const test = new Vue({

el :'#app',

data : {

arr : ['first','second','third','forth']

}

});

console.log(test.arr);

btn.onclick = function(){

test.arr.push(inp.value);

};

在输入框输入内容点击按钮，会把内容渲染到页面。同时会增加数组的元素

以上就是本次介绍的关于vue把输入框的内容添加到页面的实例内容，感谢大家的学习和对我们的支持。

时间： 2019-11-11

本文实例为大家分享了vue实现Input输入框模糊查询方法的具体代码,供大家参考,具体内容如下 原理:原生js的indexOf() 方法,该方法将从头到尾地检索数组,看它是否含有对应的元素