vuejs如何在子组件内输出参数中的html

Question

情况是这样的，项目用了elimentui，并把table组件封装了一个子组件，内部片段的column是这样的：
//子组件内部
{{item.content?item.content(scope.row):scope.row[item.name]}}//这一行
其中fields是数据的每个字段用到了循环，字段的显示内容content()返回为文本时没问题。
但是如果想自定义这个内部的样式，必须添加一个button，就不行了。一下是组件内的data部分：
//父组件的data：
...
fields:[
{title:'时间',width:"180",content:(row)=>{//这里字符是没有问题的
returnnewDate(row.start).format("MM-ddhh:mm")+"~"+newDate(row.end).format("hh:mmD")+(row.clash!=null?"[有冲突]":"")
}},
{name:"user_name",title:'姓名',width:'80'},
{name:'product_name',title:'课程',content:(row)=>{
return"有问题的地方";//->求解的地方
}},
{name:'title',title:'课题'},
...
],
...
结果输出的时候吧"有问题的地方"当文本输出了。
就不知道怎么办了。求解。大神在不？

Answer 1

//换成这样试试