关于vue模板字符串渲染、原生函数操作vue实例的data

问题:接口返回的数据是模板字符串,怎么渲染,原生的方法怎么相应data的数据

res.data:"<table><tr><td class='cenghu_ds'><table class='cenghu_table'><tr><td colspan='100' class='cenghu_dy'><div id='7B815501-76C0-4504-8E98-676BC71ADF50' class='cenghu_dy_fj' onClick="onClick_danyuan('4402FFB712B','7B81DF50','东城区东八')">&nbsp;</div></td></tr><tr><td class='cenghu_ceng'><div>1层</div></td><td><div id='4B9516D1-D0CA-40AB-A5DF-08ABF4A99A5C' class='cenghu_fj' onClick="onClick_fangjian('4402','4B9','东城区东八宝胡同')">1号</div></td><td><div id='2E6F43E3-39FB-4AC5-8328-13036C5DD357' class='cenghu_fj' onClick="onClick_fangjian('4402501B-','2E6F43E','东城区东八宝')">2号</div></td></tr></table></td></tr></table>-------------------------- 这里是地平线 --------------------------<br><table><tr></tr></table>"

1.  let data= res.data.replace(/\//,'') //替换掉 \

在div 中 v-html = data 渲染

2.created(){

     window.onClick_fangjian = this.onClick_fangjian // 将方法挂载到vue实例下 吧(要在created中进行)

  }

3.然后就可以直接在methods中使用该方法了。

onClick_fangjian(mlphid,fjid,dizhi){

        console.log(mlphid,fjid,dizhi)

        this.proper3 = false

        console.log('11111')

    },

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值