<template><el-dialogtitle="提示":visible.sync="dialogVisible"width="30%":before-close="handleClose"><div style="margin: 0 auto"><div v-if="tableData.content_type==2"><h1>圖文詳情</h1><div v-html="tableData.resource"></div></div><div v-if="tableData.content_type==1"><h1>視頻詳情</h1><div><video width="420" height="300" controls ><source :src=tableData.resource type="video/mp4"></source></video></div></div><h1>發布標題</h1><p>{{tableData.title}}</p> <h1 class="demonstration">標題/話題</h1><ul v-for="(item,index) in tableData.tag"><li>{{item}}</li></ul><h1 class="demonstration">封面圖片</h1><el-imagestyle="width: 100px; height: 100px":src="tableData.thumbnail"fit="fit"></el-image></div><span slot="footer" class="dialog-footer"><el-button @click="dialogVisible = false">取 消</el-button><el-button type="primary" @click="dialogVisible = false">確 定</el-button></span></el-dialog> </template> <script> import {getAction} from "@/api";export default {name:"ContentList",data() {return {tableData:[],dialogVisible: false,formLabelWidth:"140px",};},methods: {show(record){/* this.tableData=record*//* this.id=id*//*this.$router.push("/content/" + record.id);console.log(record.id)*/getAction("/content/"+record.id).then(res=>{console.log(res)this.tableData=res.data})this.dialogVisible=true/* this.tableData=recordconsole.log(this.tableData)/* getAction("/task",).then(res=>{console.log(res)let List=[]res.data.items.map((value,index)=>{/!* console.log(value.task_recode)*!/List.push({...value.task_recode})})this.tableData=Listconsole.log(this.tableData)})*/},handleClose(done) {this.$confirm('確認關閉？').then(_ => {done();}).catch(_ => {});}} }; </script>

總結

以上是生活随笔為你收集整理的工作300:处理预览界面的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。