vue 里面给一个组件传入绑定的值,如何把一个字符串和一个字符串变量拼接在一起?

2022-11-26 11:42:42 +08:00
 movq

就比如我一个 ref 变量叫 lastModified

我想让一个文本组件显示 "最后修改时间"+lastModified

要怎么写才符合语法呢?

v-bind 的时候写

"最后修改时间"+lastModified

或者

"最后修改时间{{lastModified}}"

都不行

1728 次点击
所在节点    程序员
9 条回复
sarices
2022-11-26 11:46:49 +08:00
`最后修改时间{$lastModified}`
sarices
2022-11-26 11:47:25 +08:00
外面还是要加双括号的。
hazardous
2022-11-26 12:16:39 +08:00
{{`最后修改时间${lastModified}`}}
wdssmq
2022-11-26 12:30:49 +08:00
虽然但是,这种情况建议使用 计算属性

计算属性 | Vue.js
https://cn.vuejs.org/guide/essentials/computed.html#basic-example
Rhianu
2022-11-26 16:01:47 +08:00
@sarices $加的位置不正确, 正确的应该是 v-text="`最后修改时间${lastModified}`" 或者 {{`最后修改时间${lastModified}`}}
sarices
2022-11-26 16:11:13 +08:00
@Rhianu php 和前端切换不过来,打错了
hzxxx
2022-11-26 16:19:06 +08:00
v-bind:text='"最后修改时间"+lastModified'
v-bind:html='"最后修改时间"+lastModified'

v-bind:text='`最后修改时间+${lastModified}'
v-bind:html='`最后修改时间+${lastModified}'
<div>最后修改时间{{lastModified}}</div>
supertan
2022-11-26 17:06:17 +08:00
@hzxxx 你这模板字符串用了个寂寞
vivipure
2022-11-27 00:08:15 +08:00
从来没用过 v-text ,哈哈

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/898046

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX