vue用iview(2.0+)UI 组件库时，给带Icon的输入框点击事件

最新推荐文章于 2024-09-24 08:32:13 发布

就像风1样

最新推荐文章于 2024-09-24 08:32:13 发布

阅读量6.5k

点赞数

分类专栏： Vue iview vue专栏文章标签： iview vue

本文链接：https://blog.csdn.net/qq_42221334/article/details/82220553

版权

Vue 同时被 3 个专栏收录

99 篇文章 5 订阅

订阅专栏

vue专栏

78 篇文章 107 订阅

订阅专栏

iview

2 篇文章 0 订阅

订阅专栏

通过 icon 属性可以在输入框右边加一个图标。

点击图标，会触发 on-click 事件。

<template>
    <Input v-model="value4" icon="ios-clock-outline" placeholder="Enter something..." style="width: 200px" @on-click="abc"></Input>
</template>
<script>
    export default {
        data () {
            return {
                value4: ‘‘
            }
        },
        methods: {
            abc:function(){
                alert("123")
            },
        }
    }
</script>

onclick事件直接在上面绑定一个@on-click即可