vue能不能在{{}}模板中聲明一個變量，方便之后的使用

類似于Java的jsp的

<c:set var="salary" scope="session" value="${2000*2}"/>

現(xiàn)在的代碼

<el-table-column v-for="game in gameList" label="競猜對象信息" :filtered-value="[game]">
    <template scope="scope">
      <template v-if="scope.row.gameList.some(item=>item.gameId === scope.column.filteredValue[0])">
        {{scope.row.gameList.find(item=>item.gameId === scope.column.filteredValue[0]).name}}
        {{scope.row.gameList.find(item=>item.gameId === scope.column.filteredValue[0]).age}}
        {{scope.row.gameList.find(item=>item.gameId === scope.column.filteredValue[0]).sex}}
      </template>
      <template v-else>--</template>
    </template>
  </el-table-column>

我希望修改后：

<el-table-column v-for="game in gameList" label="競猜對象信息" :filtered-value="[game]">
    <template scope="scope">
      <template v-if="scope.row.gameList.some(item=>item.gameId === scope.column.filteredValue[0])">
        {{let gameDetail = scope.row.gameList.find(item=>item.gameId === scope.column.filteredValue[0])}}
        {{gameDetail.name}}
        {{gameDetail.age}}
        {{gameDetail.sex}}
      </template>
      <template v-else>--</template>
    </template>
  </el-table-column>

重點代碼，我想實現(xiàn)這種功能，vue支持嗎

 {{let gameDetail = scope.row.gameList.find(item=>item.gameId === scope.column.filteredValue[0])}}

或者我應(yīng)該如何簡化我下面的代碼

{{scope.row.gameList.find(item=>item.gameId === scope.column.filteredValue[0]).name}}
{{scope.row.gameList.find(item=>item.gameId === scope.column.filteredValue[0]).age}}
{{scope.row.gameList.find(item=>item.gameId === scope.column.filteredValue[0]).sex}}

回答

編輯回答

浪婳

寫到computed里不好嗎

2018年7月20日 12:03

編輯回答

神經(jīng)質(zhì)

比較有趣的問題，如果不嫌蹩腳的話，借用 v-for 處理1個循環(huán) hold 變量就好。

<template v-for="x in scope.row.gameList.filter(item=>item.gameId === scope.column.filteredValue[0])">
    {{x.name}}
    {{x.age}}
    {{x.sex}}
</template>

也可以套在你原有的代碼結(jié)構(gòu)里面，變通下就好：

<template v-if="scope.row.gameList.some(item=>item.gameId === scope.column.filteredValue[0])">
    <span v-for="gameDetail in scope.row.gameList.filter(item=>item.gameId === scope.column.filteredValue[0])">
        {{gameDetail.name}}
        {{gameDetail.age}}
        {{gameDetail.sex}}
    </span>
</template>
<template v-else>--</template>

2017年11月8日 00:16

編輯回答

清夢

用computed先把gamelist預(yù)處理一下

2018年2月25日 03:32

編輯回答

笑忘初

{{(gameDetail = scope.row.gameList.find(item=>item.gameId === scope.column.filteredValue[0]), void 0)}}
{{gameDetail.name}}
{{gameDetail.age}}
{{gameDetail.sex}}

2018年2月5日 14:22