$("#aaa").html(data)
}就好了!
在项目中遇到解析html,发现v-html并不满足复杂的渲染,就使用jq来处理1.v-html 处理简单的标签
如:text="<p>vue转换</p>"
html中解析:
<p v-html="text">{{text}}</p>
2.返回标签中还有img、a标签,使用v-html就不会转换方法如下:
使用jquery处理:
1.在标签定义class
<div class="descript"></div>
2.安装jq
npm install jquery --save
3.在使用的地方引入
import $ from 'jquery'
async loadProductDetail(cData) {
const { data } = await getProductDetail(cData)
this.descript = data.data.sku //接口返回数据赋值
this.loadhtml() //调用方法
},
loadhtml() {
('.descript').html(this.descript) //赋值
const srcdescript = ('.descript').find('img') //找到当前所有的a标签、img标签
for (let i = 0i <srcdescript.lengthi++) { //遍历
let a = srcdescript.eq(i).attr('href') //找到a标签的href属性
let b = evals.eq(i).attr('src') //找到img标签的src属性
//this. url + a) //赋值
srcdescript.eq(i).attr('src', this.$url + b)//赋值
//如果接口返回有就不添加:
// srcdescript.eq(i).attr('href', a) //赋值
//srcdescript.eq(i).attr('src', b)//赋值
}
}
可以新建一个js文件,内容如下:
(function ($) {
$.getUrlParam = function(name)
{
var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)")
var r = window.location.search.substr(1).match(reg)
if (r!=null) return unescape(r[2])return null
}
}) (jQuery)
在要获取url参数的页面导入这个js,想要获取参数,就这样写:
var name = $.getUrlParam("name")
$.getUrlParam("name")的参数name就是url里面的参数名称。
jquery获取url参数的办法:
function jsGetUrlParam(name) {
var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)")
var r = window.location.search.substr(1).match(reg)
if (r != null) return unescape(r[2])return null
}