layui模板引擎绑定一个对象时一直显示[object Object]

我想在删除的时候获取整个对象，这样想拿什么都可以拿到了。但是我发现再点击事件里打印这个data-item的属性的时候获取的是[object Object]

然后在浏览器里面查看到这里也是[object Object]

 

这里需要使用JSON.stringify转化一下。

data-item='{{JSON.stringify(v)}}'  注意这个最外层是单引号。因为对象里面有键值是字符串的形式就会转义了。

<i class="layui-icon layui-icon-delete" id="deleterole" data-item='{{JSON.stringify(v)}}'>删除</i>

 

最后获取的时候要JSON.parse转化一下

$("#editrole").on("click",function(e){
          var data=$(this).attr("data-item");
         var newdata=JSON.parse(data)

     console.log(data)

     console.log(newdata)
 })