我正在try 根据布尔值切换字体可怕图标,但似乎绘制后字体可怕图标仍保留在屏幕上:

https://jsfiddle.net/50wL7mdz/200312/

HTML:

<script src="https://unpkg.com/vue"></script>
<script defer src="https://use.fontawesome.com/releases/v5.0.8/js/all.js" integrity="sha384-SlE991lGASHoBfWbelyBPLsUlwY1GwNDJo3jSJO04KZ33K2bwfV9YBauFfnzvynJ" crossorigin="anonymous"></script>



<div id="app">
  <input v-model="marked" type="checkbox"/>
  <i v-if="marked" class="far fa-check-square"></i>
</div>

JS:

new Vue({
  el: '#app',
  data: {
    marked: false
  }
})

是我做错了什么,还是字体或vue中有错误.js?

推荐答案

"i"标记注释在fire转换为svg后,使用一些wrap <span v-if="marked"><i class="far fa-check-square"></i></span>

Vue.js相关问答推荐

Vuetify 3 v-radio-group 将模型设置为 null

何时将代码拆分为 Nuxt 中的组件?

带有 netlify.toml 文件的环境变量

如何在 vue 路由中导航到 Bootstrap-vue 选项卡中的特定选项卡?

VueJS - 将单独的组件加载到 vue 实例中

Vue子组件等待props

如何在 vue 组件之外访问$apollo?

如何在map中添加新的标记 onclick?

在 vue.js 中获取当前时间和日期

可以同时使用 Tailwind css 和 Bootstrap 4 吗?

在 vue 组件中检索配置和环境变量

Keycloak:用户基于角色的客户端登录访问限制

Vue.js 如果在视图中

Axios-一次发出多个请求(vue.js)

这是 v-on:change 的正确用法吗?

有没有办法知道组件实例何时挂载?

Vue3在按钮单击时以编程方式创建组件实例

何时使用

Vue.js 3 - 替换/更新react性对象而不会失go react性

Mapbox 事件监听器