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