国产 无码 综合区,色欲AV无码国产永久播放,无码天堂亚洲国产AV,国产日韩欧美女同一区二区

vue tree禁用和多選變?yōu)閱芜x

這篇具有很好參考價值的文章主要介紹了vue tree禁用和多選變?yōu)閱芜x。希望對大家有所幫助。如果存在錯誤或未考慮完全的地方,請大家不吝賜教,您也可以點擊"舉報違法"按鈕提交疑問。

禁用的話和后臺協(xié)調(diào)一下,參數(shù)中多返回一個disabled

多選變單選

在tree結(jié)構(gòu)中加入一個方法

        <el-tree
          accordion
          :data="deptOptions"
          :props="defaultProps"
          show-checkbox
          :expand-on-click-node="false"
          :filter-node-method="filterNode"
          node-key="id"
          @check="handleCheck"
          ref="tree"
          :default-expanded-keys="defaultExpandIds"
          @node-expand="handleNodeExpand"
          @node-collapse="handleNodeCollapse"
          @node-click="handleNodeClick"
        />

方法

nodes.id要與tree中的node-key對應(yīng),且必須是唯一不能重復(fù)文章來源地址http://www.zghlxwxcb.cn/news/detail-652502.html

   handleCheck(nodes, resolve) {
      //nodes節(jié)點所對應(yīng)的對象;resolve選中狀態(tài)對象
      if (resolve.checkedKeys.length > 0) {
        this.$refs.tree.setCheckedKeys([nodes.id]);
      }
    },

到了這里,關(guān)于vue tree禁用和多選變?yōu)閱芜x的文章就介紹完了。如果您還想了解更多內(nèi)容,請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章,希望大家以后多多支持TOY模板網(wǎng)!

本文來自互聯(lián)網(wǎng)用戶投稿,該文觀點僅代表作者本人,不代表本站立場。本站僅提供信息存儲空間服務(wù),不擁有所有權(quán),不承擔(dān)相關(guān)法律責(zé)任。如若轉(zhuǎn)載,請注明出處: 如若內(nèi)容造成侵權(quán)/違法違規(guī)/事實不符,請點擊違法舉報進行投訴反饋,一經(jīng)查實,立即刪除!

領(lǐng)支付寶紅包贊助服務(wù)器費用

相關(guān)文章

  • 隨手記:vue2 使用element UI table表格的單選多選反選思路

    selection-change 參數(shù)只有一個selection :?可以獲取到當前勾選的row的數(shù)據(jù),勾選自動行程數(shù)組 @selection-change=\\\"handleSelectionChange\\\" ? ?// 多選框選中數(shù)據(jù) ? ? handleSelectionChange(selection) { ? ? ? ? //selection 是勾選中的數(shù)組 ? ? }, ?select 參數(shù)?selection 選中的數(shù)組??row 當前選中的單條數(shù)

    2024年04月26日
    瀏覽(22)
  • vue2+ant-design-vue a-select組件二次封裝(支持單選/多選添加全選/分頁(多選跨頁選中)/自定義label)

    vue2+ant-design-vue a-select組件二次封裝(支持單選/多選添加全選/分頁(多選跨頁選中)/自定義label)

    參數(shù) 說明 類型 默認值 v-model 綁定值 boolean / string / number/Array - mode 設(shè)置’multiple’\\\'tags’多選 (顯示全選) String - optionSource 下拉數(shù)據(jù)源 Array - width select寬度(可以設(shè)置百分比或px) String 100% customLabel 是否自定義設(shè)置下拉label String - valueKey 傳入的 option 數(shù)組中,要作為最終選擇

    2024年02月08日
    瀏覽(30)
  • vue的el-table多選對某個選項進行禁用

    vue的el-table多選對某個選項進行禁用

    文檔相關(guān)鏈接 el-table多選官方文檔 用法

    2024年02月04日
    瀏覽(24)
  • vue3+ts實現(xiàn)element Plus Tree組件單選和取消單選的功能(取消已經(jīng)選中的樹節(jié)點),及vue3的proxy對象轉(zhuǎn)換

    vue3+ts實現(xiàn)element Plus Tree組件單選和取消單選的功能(取消已經(jīng)選中的樹節(jié)點),及vue3的proxy對象轉(zhuǎn)換

    ?具體效果和代碼如下: 點擊了\\\"節(jié)點1\\\"并高亮顯示 打印結(jié)果如下 ?vue3的打印對象是proxy,如需變成單純的數(shù)組對象可以使用 JSON.parse(JSON.stringify(list))進行轉(zhuǎn)換。 ?再次點擊\\\"節(jié)點1\\\"則取消當前選中 ? 如果對您有幫助點個贊,關(guān)注收藏一下吧 。

    2024年02月12日
    瀏覽(22)
  • Vue3+Element-Plus中的Tree組件,多選時的賦值與取值

    el-tree 是 element-ui 提供的一個樹形組件,可以在 Vue.js 應(yīng)用中使用。el-tree 組件提供了 getCheckedNodes 方法,可以用來獲取樹形結(jié)構(gòu)中被選中的節(jié)點。

    2024年02月14日
    瀏覽(28)
  • 【網(wǎng)絡(luò)安全】單選/多選/判斷/填空題

    一、選擇題(每小題 2分,共30分) 1.計算機網(wǎng)絡(luò)的安全是指( C ) A.網(wǎng)絡(luò)中設(shè)備設(shè)置環(huán)境的安全 B.網(wǎng)絡(luò)使用者的安全 C.網(wǎng)絡(luò)中信息的安全 D.網(wǎng)絡(luò)的財產(chǎn)安全 2.信息風(fēng)險主要是指( D ) A.信息存儲安全 B.信息傳輸安全 C.信息訪問安全 D.以上都正確 3.以下( D )

    2023年04月20日
    瀏覽(17)
  • 微信小程序——實現(xiàn)單選、多選

    微信小程序——實現(xiàn)單選、多選

    單選使用radio-group標簽包裹radio標簽 多選使用checkbox-group 標簽包裹checkbox標簽 ?單選和多選的wxml代碼 以下是wxss代碼

    2024年02月06日
    瀏覽(29)
  • Element UI 表格單選、多選情景

    Element UI 表格單選、多選情景

    最近在使用Element UI編寫簡單前端頁面時會遇到需要對表格進行選擇操作的場景。在網(wǎng)絡(luò)上面查詢資料時發(fā)現(xiàn)實現(xiàn)方式多的看花眼,索性自己總結(jié)一個。 話不多說,搬代碼來看看~ 單選: 從單選這一塊需求來看,至少滿足下面兩點才能算是完成: 全選框的點擊只能取消其他

    2024年02月11日
    瀏覽(17)
  • Android之 日歷單選多選控件

    Android之 日歷單選多選控件

    一,效果圖 1.1 單選 ?2.2 多選 二 實現(xiàn)思路 2.1 數(shù)據(jù)來源,利用原生日歷Calendar,獲取從本月開始的往后一年的日期,遍歷月數(shù)添加全部天數(shù)據(jù) 2.2 添加公立,農(nóng)歷,節(jié)氣數(shù)據(jù)。下面只是節(jié)假日的判斷。 2.3 控件,可以用兩層Recycleview,但最好不要這樣做,嵌套體驗是非常差的,

    2024年02月10日
    瀏覽(25)
  • element ui 多選框內(nèi)嵌套單選框

    element ui 多選框內(nèi)嵌套單選框

    多選框內(nèi)嵌套單選框

    2024年02月10日
    瀏覽(21)

覺得文章有用就打賞一下文章作者

支付寶掃一掃打賞

博客贊助

微信掃一掃打賞

請作者喝杯咖啡吧~博客贊助

支付寶掃一掃領(lǐng)取紅包,優(yōu)惠每天領(lǐng)

二維碼1

領(lǐng)取紅包

二維碼2

領(lǐng)紅包