Javascript 如何在vue中呈现另一个变量中的变量?
Vue是否可以在另一个变量中渲染变量,如果不能,我如何实现这一点Javascript 如何在vue中呈现另一个变量中的变量?,javascript,vue.js,Javascript,Vue.js,Vue是否可以在另一个变量中渲染变量,如果不能,我如何实现这一点 您可以使用 PS:这更像是一个javascript特性,可以根据对象中其他键的值生成一个值。不确定Vue是否在这方面提供了具体的服务 您可以使用计算属性makeSQL从${this.table}返回选择${this.columns.join(',')},其中1 LIMIT${this.LIMIT},这将给出相同的结果。最好使用计算变量。将查询变量移动到计算变量,如下所示 computed: { query() {
您可以使用 PS:这更像是一个javascript特性,可以根据对象中其他键的值生成一个值。不确定Vue是否在这方面提供了具体的服务
您可以使用计算属性makeSQL从${this.table}返回
选择${this.columns.join(',')},其中1 LIMIT${this.LIMIT}
,这将给出相同的结果。最好使用计算变量。将查询变量移动到计算变量,如下所示
computed: {
query() {
return 'SELECT ' + this.SQL.columns.join(',') + 'FROM ' + this.SQL.table + ' WHERE 1 LIMIT ' + this.SQL.limit;
},
makeSQL() {
return this.query;
}
}
你可以查看这篇文章,文章解释如下:
data() {
return {
SQL: {
columns: ["id", "status", "post"],
table: "users",
limit: 10,
get query() {
return `SELECT ${this.columns.join(',')} FROM ${this.table} WHERE 1 LIMIT ${this.limit}`
}
}
}
},
computed: {
makeSQL: {
return this.SQL.query; // should return "SELECT id, status, post FROM users WHERE 1 LIMIT 10"
}
},
computed: {
query() {
return 'SELECT ' + this.SQL.columns.join(',') + 'FROM ' + this.SQL.table + ' WHERE 1 LIMIT ' + this.SQL.limit;
},
makeSQL() {
return this.query;
}
}