vue如何通過button的disabled控制按鈕能否被使用
更新時間：2022年04月09日 08:42:41 作者：一點光輝
這篇文章主要介紹了vue如何通過button的disabled控制按鈕能否被使用，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教
通過button的disabled控制按鈕能否被使用
?:disabled="scope.row.canEdit === 0"
<el-button @click="handleEdit(scope.row)" type="text" size="small"? :disabled="scope.row.canEdit === 0">編輯</el-button>
vue-button設置按鈕是否可點擊狀態(tài)
<template> ? <v-app> ? ? <v-main> ? ? ? <v-btn ? ? ? ? ? class="error" ? ? ? ? ? text ? ? ? ? ? @click="addSave" ? ? ? ? ? :disabled="langAbbrs">保存 ? ? ? </v-btn> ? ? </v-main> ? </v-app> </template>
<script>
export default {
? data() {
? ? return {
? ? };
? },
? computed: {
? ? langAbbrs() {
? ? ? return false; ?//true ?false
? ? },
? },
? methods:{
? ? addSave(){
? ? ? console.log('click點擊了保存按鈕')
? ? }
? }
};
</script>以上為個人經(jīng)驗，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關文章
這篇文章主要介紹了vant 時間選擇器--開始時間和結束時間實例，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2020-11-11
今天小編就為大家分享一篇vue-form表單驗證是否為空值的實例詳解，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2019-10-10
這篇文章主要為大家詳細介紹了vue3組合式API獲取子組件屬性和方法的代碼實例,文中的示例代碼講解詳細,感興趣的小伙伴可以跟隨小編一起學習一下2024-01-01
在?Vue?2?中,在?v-for?里使用的?ref?attribute會用ref?數(shù)組填充相應的?$refs?property,本文給大家介紹Vue?3.0?v-for中的Ref數(shù)組的相關知識,感興趣的朋友一起看看吧2023-12-12
這篇文章主要介紹了vue中路由重定向redirect問題，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2023-05-05
基于 Vue.js 2.0 酷炫自適應背景視頻登錄頁面實現(xiàn)方式
本文講述如何實現(xiàn)擁有酷炫背景視頻的登錄頁面，瀏覽器窗口隨意拉伸，背景視頻及前景登錄組件均能完美適配，背景視頻可始終鋪滿窗口，前景組件始終居中，視頻的內容始終得到最大限度的保留，可以得到最好的視覺效果2018-01-01
vue watch監(jiān)聽數(shù)據(jù)變化的案例詳解
監(jiān)聽數(shù)據(jù)變化，在Vue中是通過偵聽器來實現(xiàn)的，你也可以將它理解為監(jiān)聽器，時刻監(jiān)聽某個數(shù)據(jù)的變化，本文將通過代碼示例為大家詳細的介紹一下vue watch如何監(jiān)聽數(shù)據(jù)變化,需要的朋友可以參考下2023-07-07
本篇文章給大家詳細講解了如何在權限管理模塊中動態(tài)的加載VUE組件的過程，有這方面需求的朋友跟著學習下吧。2018-01-01
給大家講解一下vue組件發(fā)布到npm簡單方法和步驟過程，需要的朋友一起學習參考一下。2017-11-11
這篇文章主要介紹了Vue+webpack項目基礎配置教程,需要的朋友可以參考下2018-02-02