新建一个nvue文件,粘贴以下代码:
<template>
<div style="padding-top: 200rpx">
<rich-text :nodes="nodes"></rich-text>
</div>
</template>
<script>
export default {
data() {
return {
nodes: [
{
name: 'span',
children: [
{
name: 'a',
attrs: {
href: 'http://www.baidu.com',
target: '_blank',
class: 'link',
style: 'color:blue;background-color:pink;'
},
children: [
{
type: 'text',
text: 'http://www.baidu.com'
}
]
},
{
type: 'text',
text: '噢噢噢噢噢噢噢噢噢噢噢噢噢噢噢噢噢噢噢噢噢噢噢噢噢噢噢'
}
]
}
]
};
}
};
</script>
<style scoped>
.link {
color: blue;
background-color: pink;
}
</style>
2***@qq.com
新增 string 类型不显示
2021-07-05 19:21
1***@qq.com
优化了没
2021-08-31 17:27