参数设置界面开发

whyczyk

2021-08-10 4231b4406ee43a42234ce47d41bcf4b94c48c138

 src/pages/functionList/functionList.vue

@@ -1,46 +1,49 @@
<template>
    <!-- <van-nav-bar title="首页" left-arrow></van-nav-bar> -->
    <van-grid>
        <van-grid-item @click="ok(0)">
            <van-image :src=" require('../../assets/img/home-charge.png')"/>
            <span>文字</span>
        </van-grid-item>
        <van-grid-item @click="ok(1)">
            <van-image :src=" require('../../assets/img/home-charge.png')"/>
            <span>文字</span>
        </van-grid-item>
        <van-grid-item @click="ok(2)">
            <van-image :src=" require('../../assets/img/home-charge.png')"/>
            <span>文字</span>
        </van-grid-item>
        
        <!-- <van-grid-item icon="photo-o" text="文字" />
    <div class="">
        <van-nav-bar title="站点" left-arrow @click-left="$router.back()"></van-nav-bar>
        <van-grid>
            <van-grid-item @click="ok(0)">
                <van-image :src=" require('../../assets/img/home-charge.png')" />
                <span>充电参数</span>
            </van-grid-item>
            <van-grid-item @click="ok(1)">
                <van-image :src=" require('../../assets/img/home-charge.png')" />
                <span>放电参数</span>
            </van-grid-item>
            <van-grid-item @click="ok(2)">
                <van-image :src=" require('../../assets/img/home-charge.png')" />
                <span>活化参数</span>
            </van-grid-item>

            <!-- <van-grid-item icon="photo-o" text="文字" />
        <van-grid-item icon="photo-o" text="文字" />
        <van-grid-item icon="photo-o" text="文字" /> -->
    </van-grid>
        </van-grid>
    </div>

</template>
<script>
export default {
    data(){
        return {
    export default {
        data() {
            return {

        }
    },
    mounted(){
        
    },
    methods: {
        ok:function(val){
            let self = this;
            let obj = this.$route.query;
            }
        },
        mounted() {

        },
        methods: {
            ok: function (val) {
                let self = this;
                let obj = this.$route.query;
                obj.num = val;
                self.$router.push({
                    path: '/parameter',
                    query:obj
                    query: obj
                })
        }
    },
}
            }
        },
    }
</script>
<style scoped>