该楼层疑似违规已被系统折叠 隐藏此楼查看此楼

-- wqy的笔记 --

1 引入插件 gaoyia-parse

链接：https://pan.baidu.com/s/1UusfXxHhHcoaKpUVFE2Xqw

提取码：zuqt

2 创建组件 rich-content.vue

```

//视频和文本解析组件

import uParse from '@/components/gaoyia-parse/parse.vue'

export default {

name: 'wang-content',

components: {

uParse

},

props: {

content: {}

},

created() {},

methods: {

preview(src, e) {

// do something

},

navigate(href, e) {

// do something

}

}

}

```

在详情页面 details.vue 中 引入组件

```

import wangContent from '@/components/wang/rich-content.vue';

components: {

wangContent

}

```

完整代码如下

```

import wangContent from '@/components/wang/rich-content.vue';

export default {

components: {

wangContent

},

onLoad(option) {

if (typeof option.id !== 'undefined' && option.id) {

this.gid = option.id

} else {

uni.showToast({

title: '缺少商品id',

icon: 'none'

})

uni.navigateBack({

delta: 1

})

return false

}

this.getInfo()

},

data() {

return {

content:''

}

},

methods: {

getInfo(){

var params = {

goods_id:this.gid

}

this.$api.goods_info(params,res=>{

this.content = res.data.intro

})

}

}

}

```