在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML/ elementUI無法通過this.$refs動(dòng)態(tài)改變樣式？

elementUI無法通過this.$refs動(dòng)態(tài)改變樣式？

用了elementUI中的彈框，需求是點(diǎn)擊彈框內(nèi)的按鈕后，內(nèi)部彈框的寬度改變
本來想通過

//this.$refs.elDialog.style.width = '1500px'   //1
//this.$refs.elDialog.width = '1500px'      //2

第一句，width的值是能改變，也不報(bào)錯(cuò)，但是實(shí)際樣式寬度沒有改變
第二句，直接報(bào)錯(cuò)

runner-3.25.5.min.js:1 [Vue warn]: Avoid mutating a prop directly since the value will be overwritten whenever the parent component re-renders. Instead, use a data or computed property based on the prop's value. Prop being mutated: "width"

found in

---> <ElDialog>... (1 recursive calls)
       <Root>

這是代碼

請(qǐng)問一下這種情況應(yīng)該怎么解決？？

回答
編輯回答
做不到

謝謝上面兩位的回答。但是兩位的方法我都實(shí)踐過了，都是不行呢。
所以我直接加了這個(gè)方法暴力改變寬度了

            changeWidth(){
                let element = document.querySelector("#elDialog>.el-dialog")
                element.style.width = '1500px'
            },

因?yàn)橛胻his.$refs.elDialog綁定的elementUI組件的話，
直接 this.$refs.elDialog.style.width = '1500px' 的權(quán)限是不夠高的，就是說雖然能改變，但是是無法展示。

如果用this.$refs.elDialog.width = '1500px'的話，由于我是用的區(qū)域是數(shù)據(jù)父組件（相對(duì)于elementUI的dialog組件來說，這里嵌套了很多層了），所以是無法直接改變子組件的數(shù)據(jù)的。

2017年9月17日 15:13
編輯回答
朽鹿
this.$nextTick(() => {
    this.$refs.elDialog.width = '1500px'
})

確保元素渲染再改寬度

另外我覺得框彈框并不是一個(gè)非常好的交互額。。。

2017年6月29日 04:07
編輯回答
痞性
你需要加
setTimeout(function(){
            _this.$refs.elDialog.width = '1500px'
              console.log('this.$refs.elDialog',this.$refs.elDialog);
},0)

或這可以:width='' 綁定Dialog 的width

2018年7月7日 13:37