美文网首页
Vue常用的方法

Vue常用的方法

作者: 幻想无极 | 来源:发表于2019-02-28 11:16 被阅读23次

v-if

逻辑判断

v-for

用于for循环

v-for=“item in dataArray”
v-for=“(item,index)in dataArray”

v-bind

用于绑定数据
例如v-bind:src:"model.url",其中model.url是data里面的数据

v-on:click

用于事件响应
例1:有参数传递

<el-button type="danger" circle v-on:click="deleteAction(index)">
  <i class="fa fa-trash-o fa-lg"></i>
</el-button>
deleteAction: function(index) {
  //打印出传递的参数,比如删除,编辑操作等需要id
  console.log(index);
}

例2:无参数传递

<el-button type="danger" circle v-on:click="doneAction">
  <i class="fa fa-trash-o fa-lg"></i>
</el-button>
doneAction: function(e) {
  //当前按钮的属性
  console.log(e);
}

相关文章

  • Vue使用方法记录 & Echars 库使用方法记录:

    Vue常用方法记录: 生命周期相关: 路由相关: 空页面: 组件内嵌套内容的方法: 打包加速: 常用方法: 微信端...

  • Vue-1-$mount

    数据挂载 在实例化Vue的时候,两种方式挂载数据 方法一:最常用的方法 var app=new vue({ el:...

  • vue搜索过滤、tab切换高亮显示

    vue项目中常用的方法关键词: vue2.0,搜索过滤,tab切换高亮显示

  • Vue常用方法

    v-on1 1.1双击/单机能呈现相应效果,运行出结果。 运行出结果: 代码截图: v-on2 2.1隐藏和显示得...

  • vue常用方法

    父组件调用子组件的方法 //子组件//父组件调用this...

  • Vue常用的方法

    v-if 逻辑判断 v-for 用于for循环 v-bind 用于绑定数据例如v-bind:src:"model....

  • Vue中常用的数组方法

    Vue中常用的数组方法 .filter()、.map()、.forEach()、.find()、.findInde...

  • Vue 插件

    插件,通常用来为Vue 添加全局功能。引用官方文档Vue插件 使用插件 通过全局方法Vue.user()使用插件。...

  • 复用那些事(Vue 版)

    这期讲讲 vue 开发中常用到的一些方法复用小技巧。 Plugins 插件开发其实就是给 Vue 原型链添加方法以...

  • vue-Socket.io的使用(2)

    (1)基础配置和常用方法请看vue-Socket.io的使用(1)(2)nodeJS+vue+Socket.io聊...

网友评论

      本文标题:Vue常用的方法

      本文链接:https://www.haomeiwen.com/subject/richuqtx.html