vue知识点(工作中遇到)

Posted haishen

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue知识点(工作中遇到)相关的知识,希望对你有一定的参考价值。

1、vue点击按钮动态添加多个input,并获取输入的值

  <template>

    <div>

      <input type="text" v-for="(item,i) of items" v-model="items[i]" :key="i">

       <button @click="onAdd">添加</button>

    </div>

  </template>

  <script>

    export default {

      data( ){

        return {

          items: []

        }

      },

      methods : {

        onAdd( ){

          this.items.push( "" );

        }

      }  

    }

  </script>

以上是关于vue知识点(工作中遇到)的主要内容,如果未能解决你的问题,请参考以下文章

使用带有渲染功能的 Vue.js 3 片段

创建自己的代码片段(CodeSnippet)

vue —— VSCode代码片段

vue —— VSCode代码片段

接口-httpClient

vue知识点-$route和$router