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

• 请不要在回答技术问题时复制粘贴 AI 生成的内容

This topic created in 1289 days ago, the information mentioned may be changed or developed.

就比如我一个 ref 变量叫 lastModified

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

要怎么写才符合语法呢？

v-bind 的时候写

"最后修改时间"+lastModified

或者

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

都不行

字符

变量

lastmodified

修改

9 replies • 2022-11-27 00:08:15 +08:00

sarices

Nov 26, 2022

`最后修改时间{$lastModified}`

sarices

Nov 26, 2022

外面还是要加双括号的。

hazardous

Nov 26, 2022

{{`最后修改时间${lastModified}`}}

wdssmq

Nov 26, 2022

虽然但是，这种情况建议使用计算属性

计算属性 | Vue.js
https://cn.vuejs.org/guide/essentials/computed.html#basic-example

Rhianu

Nov 26, 2022

@sarices $加的位置不正确, 正确的应该是 v-text="`最后修改时间${lastModified}`" 或者 {{`最后修改时间${lastModified}`}}

sarices

Nov 26, 2022

@Rhianu php 和前端切换不过来，打错了

hzxxx

Nov 26, 2022

v-bind:text='"最后修改时间"+lastModified'
v-bind:html='"最后修改时间"+lastModified'

v-bind:text='`最后修改时间+${lastModified}'
v-bind:html='`最后修改时间+${lastModified}'
<div>最后修改时间{{lastModified}}</div>

supertan

Nov 26, 2022

@hzxxx 你这模板字符串用了个寂寞

vivipure

Nov 27, 2022

从来没用过 v-text ,哈哈