Vue如何渲染带插值表达式的字符串
0
[待解决问题]
Vue：3.10.0
语言：Typescript
字符串类似这样 '-----{{val1}}----{{val2}}---'
数据对象
{ "val1": "aaaa", "val2": "bbbb" }
希望可以渲染出 '-----aaaa----bbbb---'这样的结构，且可以在数据模型对象更新的时候自动更新结果字符串。
现在用了一个比较脑残的玩法
watch数据模型，
然后正则表达时查找，然后替换。
请问大佬们有没有什么更幽雅的做法
所有回答(2)
0
不知道你要的是不是字符串模版 ----${val1}----${val2}?
用``符号,上边博客园给处理了
@wings-lhw: 不是模板语法，从服务器传来的json中，其中有一个参数之带插值表达式的字符串
例如
{ name：'-----{{val1}}----{{val2}}---' }
因为这个字符串渲染的模板需要在后台根据业务动态定义。
但是可以保证插值表但是内的变量，在vue中存在。
在angular中，可以通过动态定义组件来实现，就是将上属字符串作为一个组件的模板视图，然后对变量进行双向绑定，就可以实现。不知道vue中有没有动态添加组件的方法
0
使用自定义formatter函数，试试呢
