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)驗，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關文章
vue組件 $children,$refs，$parent的使用詳解
本篇文章主要介紹了vue組件 $children,$refs，$parent的使用詳解，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-07-07
這篇文章主要為大家詳細介紹了vue實現(xiàn)簡單瀑布流布局，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-03-03
這篇文章主要介紹了vue cli4.0 如何配置環(huán)境變量，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-03-03
這篇文章主要介紹了Vue前端項目部署IIS的實現(xiàn)，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2020-01-01
這篇文章主要介紹了在vscode 中設置 vue模板內(nèi)容的方法,本文通過實例代碼給大家介紹的非常詳細，對大家的學習或工作具有一定的參考借鑒價值，需要的朋友可以參考下2020-09-09
這篇文章主要介紹是八種vue實現(xiàn)組建通信的方式，包括、props 父組件與子組件通信、$emit 子組件父組件傳遞、$emit與props結(jié)合 兄弟組件傳值等等，想具體了解的朋友可以參考下面文章的具體內(nèi)容2021-09-09
這篇文章主要給大家介紹了關于Vue項目中如何使用Axios封裝http請求的相關資料，文中通過示例代碼介紹的非常詳細，對大家的學習或者使用Vue具有一定的參考學習價值，需要的朋友們下面來一起學習學習吧2019-10-10
這篇文章主要介紹了nuxt 每個頁面head標簽內(nèi)容設置方式，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2020-11-11
Vue Components 數(shù)字鍵盤的實現(xiàn)
這篇文章主要介紹了Vue Components 數(shù)字鍵盤的實現(xiàn)，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2019-09-09
vue恢復初始數(shù)據(jù)this.$data,this.$options.data()解析
這篇文章主要介紹了vue恢復初始數(shù)據(jù)this.$data，this.$options.data()解析，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-03-03