el-dialog中:title引用变量及部分文字

需求是这样的，这里简化一下，两个按钮公用一个弹出框，根据不同的按钮显示”任务详情“和”项目详情”，刚好已经用Vue定义了一个变量存储”任务“或者”项目”，暂且就用type表示吧，现在就是需要把type和“详情”这两个字拼接起来，作为el-dialog的title。代码如下：<el-dialog :title='type + "支付"' >弹出框内容&

aboboo520

14743人浏览 · 2018-07-19 11:23:04

aboboo520 · 2018-07-19 11:23:04 发布

需求是这样的，这里简化一下，两个按钮公用一个弹出框，根据不同的按钮显示”任务详情“和”项目详情”，刚好已经用Vue定义了一个变量存储”任务“或者”项目”，暂且就用type表示吧，现在就是需要把type和“详情”这两个字拼接起来，作为el-dialog的title。
代码如下：

<el-dialog :title='type + "支付"' >
弹出框内容   
</el-dialog>

对的，就是这样既可实现在title里面拼接字符串，注意type不要用双引号括住哦。

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^