搜索

+

95

-

avue+php如何上传图片并预览删除？

php html5 javascript

请问avue+php如何上传图片并预览删除？

网友回复

+

15

-

首先是html代码

<html>
<head>
    <meta charset="UTF-8">
    <!-- import CSS -->
    <link type="text/css" rel="stylesheet" href="//repo.bfw.wiki/bfwrepo/css/element-ui.2.15.1.css">
    <link type="text/css" rel="stylesheet" href="//repo.bfw.wiki/bfwrepo/css/avue.css">
    <script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/axios-0.18.js"></script>
    <script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/mock.min.js"></script>
</head>
<body>
    <div id="app">

        <avue-form ref="form" v-model="obj" :option="option"  @submit="submit">
            <template slot-scope="scope" slot="menuForm">
                <el-button @click="tip">自定义按钮</el-button>
            </template>
        </avue-form>
    </div>


    <script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/vue@2.6.1.js"></script>
    <!-- import JavaScript -->
    <script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/element-ui.2.15.1.js"></script>

    <script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/avue.min.js"></script>
    <script>


        new Vue({
            el: '#app',
            data() {
                return {
                    obj: {},
                    sizeValue: 'small'
                }
            },
            computed: {
                option() {
                    return {
                        size: this.sizeValue,
                        mockBtn: false,
                        submitText: '完成',
                        printBtn: false,
                        labelPosition: "top",
                        column: [ {
                            label: "手机号",
                            mock: {
                                type: 'phone'
     ...

点击查看剩余70%

我知道答案，我要回答

我有问题

私活外包

最新提问