El button display and disable

【el-button】 Display and disable

Do a function today , Add a button , But the button determines whether it can be clicked according to the online status of the device ;
Record the process

• 1. The first thing that comes to mind el-button Attributes Medium disabled , Its default value is false： Here's the picture
• 
• 2. With the button , An icon is missing , Alibaba vector library is looking for a suitable icon , After finding it , Add icons to your shopping cart , Then add it to your project , Finally, download to local css library , Introduce it into your own project , I won't explain this too much ;

iconfont https://www.iconfont.cn/manage/index

• 3. The preparations are ready , Go straight to the code

          <el-button 
	          type="text"
	            style="margin-top: -10px" 
	            :disabled="Object.statusId === '1'  ?  false : true">
	            <i title=" port configuration " class="iconfont icon-port"></i>
          </el-button>

Be careful ：
1. One is What is quoted here is ：type=“text”, el-button Of type quite a lot , The current use is button Of Text button , The icon in it is also a vector icon
2. disabled The display and hide of uses the expression , Three mesh operation
Get it done
The final rendering is shown in the figure