我想处理一个字符串，在中间包含一个图标。
输入 (我无法控制的字符串)：
“我要一个图标去那里”
所需输出 ：
“我要一个去那里”
我正在尝试使用一种处理文本的method来做到这一点。 但是，如何将图标组件放在那里？
我已经试过了：
{{ insertIcon(myString) }}
import TimerIcon from 'vue-material-design-icons/Timer.vue'
export default {
data () {
return {
myString: fromAnotherPlugin // "I want an icon to go there"
}
},
components: {
TimerIcon
},
methods: {
insertIcon: function (string) {
return string.replace('icon', TimerIcon)
}
}
}
但是它返回[object Object]代替“ icon”。
我也尝试将组件引用为HTML。
{{ insertIcon(myString) }}
import TimerIcon from 'vue-material-design-icons/Timer.vue'
export default {
data () {
return {
myString: fromAnotherPlugin // "I want an icon to go there"
}
},
components: {
TimerIcon
},
methods: {
insertIcon: function (string) {
return string.replace('icon', '')
}
}
}
但是它又变空了。
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
