代码拉取完成,页面将自动刷新
同步操作将从 鹏鹏/avue-doc 强制同步,此操作会覆盖自 Fork 仓库以来所做的任何修改,且无法恢复!!!
确定后同步将在后台操作,完成时将刷新页面,请耐心等待。
:::tip 2.1.1+ ::::
<!-- 导入需要的包 (一定要放到head标签里)-->
<script src="https://cdn.staticfile.org/html2canvas/0.5.0-beta4/html2canvas.min.js"></script>
:::demo
<el-button @click="handleOk"
type="primary"
icon="el-icon-camera"
>意见反馈</el-button>
<el-dialog modal-append-to-body
append-to-body
title="意见反馈"
top="50px"
:visible.sync="box"
width="60%">
<el-input type="textarea"
placeholder="请告诉我们遇到的问题或建议"
v-model="form.text"></el-input>
<br />
<br />
<div v-loading="flag"
element-loading-text="正在截取屏幕数据">
<img :src="form.img"
width="100%" />
</div>
<span slot="footer" >
<el-button type="primary"
icon="el-icon-check"
@click="handleSubmit">提 交</el-button>
</span>
</el-dialog>
<script>
export default {
data () {
return {
box: false,
form: {
img: '',
text: ''
}
}
},
computed: {
flag () {
return this.validatenull(this.form.img);
}
},
methods: {
handleOk () {
this.form = {
img: '',
text: ''
}
this.$Screenshot(document.querySelector("#app")).then(canvas => {
this.form.img = canvas.toDataURL("image/jpeg", 0.8);
});
this.box = true;
}
}
}
</script>
:::
此处可能存在不合适展示的内容,页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容,可点击提交进行申诉,我们将尽快为您处理。