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

鍍金池/ 問(wèn)答/HTML/ element-ui的dialog組件怎么使用fullscreen全屏功能

element-ui的dialog組件怎么使用fullscreen全屏功能

想實(shí)現(xiàn)點(diǎn)擊可開(kāi)啟或關(guān)閉全屏的功能：

<el-button type="text" @click="dialogVisible = true">點(diǎn)擊打開(kāi) Dialog</el-button>  
<el-dialog fullscreen :visible.sync="dialogVisible ">
    <el-button class="fullscreen">
      <i class="full"></i><p>全屏顯示</p>
    </el-button>
    <p>{{testInfo}}</p>
</el-dialog>

剛學(xué)的vue，element-ui也是初學(xué)階段，求大神教一下組件的Attributes怎么用

回答
編輯回答
孤星

其實(shí)問(wèn)題的關(guān)鍵在于，fullscreen用api的話，它必須是事件驅(qū)動(dòng)的，啥意思呢，就是你必須點(diǎn)一下才行，就像你看直播的全屏，所以你這種屬性的寫(xiě)法，路子應(yīng)該不對(duì)。

2017年11月26日 12:55
編輯回答
執(zhí)念
store = {
    isfullscreen: false
}

<el-button type="text" @click="dialogVisible = true">點(diǎn)擊打開(kāi) Dialog</el-button>  
<el-dialog :fullscreen="isfullscreen" :visible.sync="dialogVisible ">
    <el-button class="fullscreen">
      <i class="full"></i><p>全屏顯示</p>
    </el-button>
    <p>{{testInfo}}</p>
</el-dialog>

肯定要通過(guò) getters 獲取的, 我就不寫(xiě)了
思路就是定義全局變量啊, 點(diǎn)擊進(jìn)行 isfullscreen = !isfullscreen, 這樣每個(gè) dialog 都由這個(gè)變量控制全屏了, 但是每個(gè)dialog 都要寫(xiě)上 fullscreen屬性值為isfullscreen

2017年10月21日 22:03