zoukankan      html  css  js  c++  java
  • 第六课 点击事件调用自定义方法

    <template>
    <!-- 点击事件调用自定义方法 -->

      <div id="app">

          <input type="text" v-model='todo' />

          <button @click="doAdd()">+增加</button>

          <br>

          <hr>

          <br>

          <ul>

            <li v-for="(item,key) in list">

              {{item}}   ----  <button @click="removeData(key)">删除</button>
            </li>
          </ul>


      </div>
    </template>

    <script>

        export default {
          data () {
            return {
              todo:'' ,
              list:[]
            }
          },
          methods:{

            doAdd(){
                //1、获取文本框输入的值   2、把文本框的值push到list里面

                this.list.push(this.todo);

                this.todo='';
            },
            removeData(key){

                // alert(key)

                //splice  js操作数组的方法

                this.list.splice(key,1);
            }
          }

        }
    </script>


    <style lang="scss">



    </style>
  • 相关阅读:
    memcached客户端memadmin安装使用
    git之一: 在windows下安装git和使用总结
    nginx常用命令
    mysql授权 REVOKE 添加用户等
    mysql密码忘记解决
    个人常用alias
    解决zabbix图形界面中文乱码
    JsonPath的使用
    Httpclient 支持https(转)
    字符串拼接‘+’实现
  • 原文地址:https://www.cnblogs.com/netflix/p/14626499.html
Copyright © 2011-2022 走看看