vue3路由跳转 Router.push,2022/6/8am

最新推荐文章于 2024-07-23 15:45:06 发布

xumengxia—xu

最新推荐文章于 2024-07-23 15:45:06 发布

阅读量234

点赞数

分类专栏：工作2022年5月，记录生活的每一天文章标签： vue.js elementui javascript

本文链接：https://blog.csdn.net/qq_56514785/article/details/125177876

版权

工作2022年5月，记录生活的每一天专栏收录该内容

37 篇文章 1 订阅

订阅专栏

<template>
  <div class="product">
    <!-- <h1>Products店铺页面正在开发中....</h1> -->
    <div class="iptcontain">
      
          <el-select
          @change="handleChange"
           v-model="selectOptions"
           class="ipt"
           placeholder="Select..."
           size="large"
           clearable>
             <el-option
               v-for="item in options"
               :key="item.id"
               :label="item.name"
               :value="item.name"
             />
          </el-select>
       </div>

      </div>
  </div>
</template>

<script lang="ts">
import { defineComponent, toRefs, reactive } from 'vue'
import { useStore } from 'vuex'
import { useRouter } from 'vue-router'
// import logoUpLoad from '@/components/Microstores/infomation/Logo/logoUpload.vue'
export default defineComponent({
  name: 'product',
  components: {
    // logoUpLoad
  },
  setup () {
    const Store = useStore()
    const Router = useRouter()
    const data = reactive({
      selectOptions: '',
      options: Store.state.Product.storestylesAll,
      handleChange (val:any) {
        console.log(val, 'oooo')
        // /stores/:storeNo/styles/:styleNo?
        Router.push({
          path: '/'
        })
      }
    })
    return {
      ...toRefs(data)

    }
  }

})

</script>
<style lang="less" scoped>


</style>