uniapp动态绑定事件

由于我的一个选项列表通过v-for动态渲染 在点击事件内通过 item.click的方式绑定点击事件发现小程序端并没有解析item.click而是当做了函数名

• 解决思路

  • 通过创建一个选项列表的总点击事件 optionsClick( funName ){} ，再点击选项列表时 将 item.click内的函数名传入 在总事件内触发实现动态绑定事件

• 贴代码

• html

        <div class="options">
            <div class="o" v-for="( item, index) in options" :key="index" @click.stop="optionsClick(item.click)" >
                <image class="icon" :src="item.icon"></image>
                <span class="span">{{item.text}}</span>
                <image class="right" src="../../static/imgs/my/4.png"></image>
            </div>
        </div>

• 数据

options: [{
                        icon: '../../static/imgs/my/1.png',
                        text: '分享海报',
                        click : 'showQrCode',
                    },
                    {
                        icon: '../../static/imgs/my/2.png',
                        text: '关于我们',
                    },
                    {
                        icon: '../../static/imgs/my/5.png',
                        text: '意见反馈',
                    },
                    {
                        icon: '../../static/imgs/my/3.png',
                        text: '联系客服',
                    },
                    {
                        icon: '../../static/imgs/my/house.png',
                        text: '企业认证',
                    },
                ]

• js

            // 选项总事件
            optionsClick( click ){
                this[click]();
            },