首页新闻找找看学习计划

Vue如何渲染带插值表达式的字符串

0
[待解决问题]

Vue:3.10.0

语言:Typescript

 

字符串类似这样 '-----{{val1}}----{{val2}}---' 

数据对象

{
  "val1": "aaaa",
  "val2": "bbbb"        
}

 

希望可以渲染出 '-----aaaa----bbbb---'这样的结构,且可以在数据模型对象更新的时候自动更新结果字符串。

 

现在用了一个比较脑残的玩法

watch数据模型,

然后正则表达时查找,然后替换。

 

请问大佬们有没有什么更幽雅的做法

写代码的相声演员的主页 写代码的相声演员 | 小虾三级 | 园豆:551
提问于:2019-08-22 16:06
< >
分享
所有回答(2)
0

不知道你要的是不是字符串模版 ----${val1}----${val2}?

wings-lhw | 园豆:340 (菜鸟二级) | 2019-08-27 17:42

用``符号,上边博客园给处理了

支持(0) 反对(0) wings-lhw | 园豆:340 (菜鸟二级) | 2019-08-28 10:27

@wings-lhw: 不是模板语法,从服务器传来的json中,其中有一个参数之带插值表达式的字符串

例如

{ name:'-----{{val1}}----{{val2}}---' }

因为这个字符串渲染的模板需要在后台根据业务动态定义。

但是可以保证插值表但是内的变量,在vue中存在。

 

在angular中,可以通过动态定义组件来实现,就是将上属字符串作为一个组件的模板视图,然后对变量进行双向绑定,就可以实现。不知道vue中有没有动态添加组件的方法

支持(0) 反对(0) 写代码的相声演员 | 园豆:551 (小虾三级) | 2019-08-28 10:44
0

使用自定义formatter函数,试试呢

常伟华 | 园豆:211 (菜鸟二级) | 2019-09-18 11:25
清除回答草稿
   您需要登录以后才能回答,未注册用户请先注册