Saya cuba menggunakan v-show atau v-if untuk menogol paparan templat seperti yang ditunjukkan dalam kod di bawah. Masalah yang saya hadapi ialah walaupun v-show bukanlah keadaan malas, apabila saya menetapkan showTemplate kepada false atau true, kandungan msg sentiasa ditunjukkan. Tolong beritahu saya cara menggunakan v-show dan v-if dengan betul. helloWorld:<templatev-show="showTemplate"><divclass=&qu

Belajar menggunakan v-show untuk menukar templat-Soal Jawab Rangkaian PHP Cina

Soal Jawab

Belajar menggunakan v-show untuk menukar templat

P粉680087550 2023-09-12 23:16:59 pandangan 704

Vue.js

Saya cuba menggunakan v-show或v-if untuk menogol paparan templat seperti yang ditunjukkan dalam kod di bawah.

Masalah yang saya hadapi ialah walaupun kandungan v-show不是一个懒惰的条件，但当我将showTemplate设置为false或true时，msg sentiasa dipaparkan.

Sila beritahu saya cara menggunakannya dengan betulv-show和v-if.

helloWorld:

<template v-show="showTemplate">
  <div class="hello">
  {{msg}}
  </div>
</template>

<script>
export default {
  name: 'HelloWorld',
  props: {
    msg: String
  }
}
</script>

<script setup>
    import { ref } from 'vue'
    let showTemplate = ref(true)
    showTemplate.value=false
</script>

Apl:

template>
  <img alt="Vue logo" src="./assets/logo.png">
  <HelloWorld msg="欢迎使用Vue.js应用程序"/>
</template>

<script>
import HelloWorld from './components/HelloWorld.vue'
export default {
  name: 'App',
  components: {
    HelloWorld
  }
}
</script>

<script setup>


</script>

Your Answer

serahkan

1 jawapan

Anda mesti menggunakannya seperti ini:

<template>
  // v-show或v-if都可以
  <div v-show="showTemplate" class="hello">
  {{msg}}
  </div>
</template>

<script>
export default {
  name: 'HelloWorld',
  props: {
    msg: String
  }
}
</script>

<script setup>
    import { ref } from 'vue'
    let showTemplate = ref(true)
    showTemplate.value=false
</script>

Sebab v-if atau v-show tidak boleh digunakan dengan atribut template.

2023-09-13 13:14:18

serahkan