iview组件事件额外传递参数的代码示例

<template>
 <Table border :columns="columns6" :data="data5" @on-row-click="(row, index) => { youFunc(row, index , 'params')}"></Table>
</template>
<script>
 export default {
 methods:{
 youFunc(row, index, params) {
 console.log(row, index, params)
 }
 },
 data () {
 return {
 columns6: [
 {
 title: 'Date',
 key: 'date'
 },
 {
 title: 'Name',
 key: 'name'
 },
 {
 title: 'Age',
 key: 'age',
 filters: [
 {
 label: 'Greater than 25',
 value: 1
 },
 {
 label: 'Less than 25',
 value: 2
 }
 ],
 filterMultiple: false,
 filterMethod (value, row) {
 if (value === 1) {
 return row.age > 25;
 } else if (value === 2) {
 return row.age < 25;
 }
 }
 },
 {
 title: 'Address',
 key: 'address',
 filters: [
 {
 label: 'New York',
 value: 'New York'
 },
 {
 label: 'London',
 value: 'London'
 },
 {
 label: 'Sydney',
 value: 'Sydney'
 }
 ],
 filterMethod (value, row) {
 return row.address.indexOf(value) > -1;
 }
 }
 ],
 data5: [
 {
 name: 'John Brown',
 age: 18,
 address: 'New York No. 1 Lake Park',
 date: '2016-10-03'
 },
 {
 name: 'Jim Green',
 age: 24,
 address: 'London No. 1 Lake Park',
 date: '2016-10-01'
 },
 {
 name: 'Joe Black',
 age: 30,
 address: 'Sydney No. 1 Lake Park',
 date: '2016-10-02'
 },
 {
 name: 'Jon Snow',
 age: 26,
 address: 'Ottawa No. 2 Lake Park',
 date: '2016-10-04'
 }
 ],
 }
 }
 }
</script>

本篇文章到这里就已经全部结束了，更多其他精彩内容可以关注PHP中文网的JavaScript视频教程栏目！