javascript - v-on:click传参

问题描述

问 题

原来没用vue的时候

<div class="button" onclick="del(' <?php echo '666' ?> ')">删除</div>

function del(n){ xxxxx }

这样就可以了。。

这个echo的值，我用ajax拉到json之后用v-for渲染出来了。所以这个的值应该是在l.id这里的。。
现在换成了vue，要怎么才能像是我原本用的那样写？？？

现在的代码

        <ul class="list" id="note">

            <li class="article" v-for=" l in list" v-bind:data-id="l.id">

                <pre class="subject">{{ l.text }}</pre>
                <div class="box">
                    <div class="info">
                        <div class="text">
                            <span id="year">{{ l.year }}</span>年
                            <span id="month">{{ l.month }}</span>月
                            <span id="day">{{ l.day }}</span>日
                        </div>
                        <div class="text">
                            <span id="hour">{{ l.hour }}</span>时
                            <span id="minute">{{ l.minute }}</span>分
                            <span id="second">{{ l.second }}</span>秒
                        </div>
                        <div class="text">
                            IP:
                            <span id="ip">{{ l.ip }}</span>
                        </div>
                    </div>
                    <div class="function">
                        <div class="button" v-on:click="del">删除</div>
                        <div class="button" v-on:click="edit">编辑</div>
                    </div>
                </div>

            </li>

        </ul>

var note = new Vue({

    el:'#note',
    data:{
        list:'',
    },
    methods:{
        // del:del()
    }


});

解决方案

<div class="button" @click="del(l.id)">删除</div>

这篇关于javascript - v-on:click传参的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！