鍍金池/ 問答/HTML/ vue 怎樣才可以在標(biāo)簽中設(shè)置變量

vue 怎樣才可以在標(biāo)簽中設(shè)置變量

clipboard.png

我是這樣寫的 但是會(huì)報(bào)錯(cuò) 那這個(gè)name應(yīng)該怎么寫 是格式不對么？

以下是代碼

<template>
  <div>
    <h1>Welcome!</h1>
    <nuxt-link to="/PageOne">去往page1</nuxt-link>
    <div class="{{name}}"></div>
  </div>
</template>
<script>
  export default {
    data () {
      return {
        name: 'one'
      }
    }
  }
</script>
回答
編輯回答
陌離殤

仔細(xì)看下文檔，這個(gè)問題就解決

2018年7月4日 01:11
編輯回答
放開她

如果綁定多個(gè)類的情況，可以考慮：

<div :class="[ 'one',bTwo? 'two': 'three']"></div>

data(){
    return{
        bTwo:true
    }
}

<style>
.one{}
.two{}
.three{}

</style>
2017年3月19日 11:25
編輯回答
不歸路

官方文檔搜class（Class 與 Style 綁定）

<div v-bind:class="{ active: isActive }"></div>

雙括號展示數(shù)據(jù)用的

2017年5月19日 04:03
編輯回答
扯機(jī)薄

第一種方法，直接賦值

<div :class="name"></div>

第二種方法

<div :class="{'one':isOne}"></div>

data(){
    return{
        isOne:true
    }
}
2018年9月23日 13:21