- <div ref="box"> 我是一个 box</div>
- <button v-on:click="getInputValue"> 获取第二个表单里的数据 </button>
- <br><br>
- <button v-on:click="run1()"> 执行事件的第一种写法 </button>
- <button @click="run2()"> 执行事件的第二种写法 </button>
- <br>
- <button @click="getMsg()"> 获取 data 里的数据 </button>
- <br>
- <br><br>
- <button @click="setMsg()"> 改变 data 里的数据 </button>
- <br><br>
- <button @click="requestData()"> 请求 data 里的数据 </button>
- <ul>
- <li v-for="item in list">
- {{item}}
- </li>
- </ul>
- <br><br>
- <button @click="deleteData('111')"> 执行方法传值 </button>
- <br><br>
- <button @click="eventFn($event)" data-aid="123"> 事件对象 </button>
- run1:function () {
- alert('第一种写法')
- },run2(){
- alert('第二种写法')
- },requestData(){
- for(var i=0;i<10;i++){
- this.list.push('我是第'+i+'条数据');
- }
- },deleteData(val){
- alert(val)
- },eventFn(e){
- console.log(e);
- e.srcElement.style.background='red';
- console.log(e.srcElement.dataset.aid)/* 获取自定义属性 */
- }
来源: http://www.bubuko.com/infodetail-3720874.html