我想在Vue中创建自己的复选框。我想使用fontawesome中的两个图标(锁定和解锁)。当我的复选框被选中时,图标应该被锁定,否则就是解锁。
以下是我的代码:
<template>
<div>
<i @click="statusChanged()" v-if="!checked" class="fas fa-lock-open lock"></i>
<i @click="statusChanged()" v-if="checked" class="fas fa-lock lock"></i>
</div>
</template>
<script lang="ts">
import Vue from 'vue';
import { Prop } from 'vue/types/options';
export default Vue.extend({
props: {
checked: {
type: Boolean as Prop<boolean>,
},
},
methods: {
statusChanged() {
this.checked = !this.checked;
},
},
});
我收到了一个错误:
无法对“checked”进行赋值,因为它是一个常数或只读属性
你能帮忙解决这个问题吗?
data
属性而不是prop? - Dexygencreated
块--你是否访问了上面第一个评论中的链接?它提供了这个解决方案。 - Dexygen