vue组件内,如果定义onclick事件?(非vue自带的@click事件)
发布于 7 年前 作者 mr_franklin 5358 次浏览 来自 问答
粉丝福利 : 关注VUE中文社区公众号,回复视频领取粉丝福利

对老项目使用vue改造,有些地方需要在vue组件内使用原生js代码, 比如在一个compenent里添加一段html代码:

mounted() {  // vue的mounted方法
// 表格使用的jqgrid,里面需要动态添加一段html代码
$('#table_list').jqGrid({
......
colModel: [
{
            name: 'id',
            width: 150,
            align: 'center',
            sortable: false,
            formatter: function (value, grid, rows, state) {
               return  '<button type="button" class="btn btn-danger btn-xs" ' +
                'onclick="gotoDelete(' + value + ')">删除</button>';
            }
 }]
})
}

上面我定义名为gotoDelete的onclick方法,可是这个方法写在什么地方才能被识别出来? 我试过直接写在vue组件的<script>标签内是不行的。初学vue,还请大牛赐教!

回到顶部