3 回答

TA貢獻1860條經驗 獲得超9個贊
1、在已新建的Vue項目,安裝element依賴包,然后新建一個TreeData.vue組件文件。
2、打開vue文件,向template標簽中插入一個form表單,并添加一個按鈕和樹形控件。
3、在<script></script>標簽中,添加treeData和defaultProps對象值。
4、接著打開App.vue文件,導入組件TreeData;然后使用命令運行項目,打開瀏覽器查看效果。
5、修改vue文件代碼,給el-tree添加屬性ref,動態(tài)加一個屬性default-expand-all。
6、在data對象中,設置isExpand為false;在methods中,添加按鈕點擊事件和遍歷樹形控件的方法。
7、再次保存代碼并運行項目,刷新瀏覽器,然后點擊展開按鈕,查看樹是否有變化。

TA貢獻1776條經驗 獲得超12個贊
1、新建一個html頁面,然后在這個代碼頁面上創(chuàng)建一個div標簽id為app,然后在這個div標簽里創(chuàng)建一個按鈕標簽和一個用于顯示隱藏的div標簽。
2、引入vue.js。在body結束標簽前面使用<sctipt>引入vue.js文件。
3、為vue創(chuàng)建掛載點。在vue.js引入文件后面新建一個<sctipt>標簽,然后創(chuàng)建vue的掛載點。
4、使用data創(chuàng)建show屬性,默認值為true;使用metheds創(chuàng)建一個點擊事件(showCont),該事件處理當show值為true就修改給false,當show為false就修改為true。
5、添加顯示隱藏功能。在按鈕標簽上添加點擊事件showCont,在按鈕標簽后的div標簽上使用v-if添加show屬性。
6、保存html代碼,然后使用瀏覽器打開,點擊按鈕會發(fā)現(xiàn)按鈕后面的文字隱藏了,再次點擊按鈕隱藏的內容又顯示出來。

TA貢獻2036條經驗 獲得超8個贊
你示例代碼中的show等于是vm變量啊,想在slot-scope里面控制應該是跟相應列的數(shù)據(jù)綁定才可以,用vm變量就成了整個表格全部按鈕顯示隱藏了。
你可以給表格的源數(shù)據(jù)每項都加上show屬性,el-button根據(jù)scope.row.show來處理顯示隱藏,click回調里面只要修改對應row的show就能實現(xiàn)你要的效果了
ps:按我經驗一般來說這種user禁用啟用是跟后臺數(shù)據(jù)關聯(lián)的,你直接判斷后臺回調的那個數(shù)據(jù)字段是禁用還是啟用來顯示對應按鈕就可以了
添加回答
舉報