[BD2.0] 路由跳转

说明:

在页面上点击, 跳转到指定的路由

步骤

• 1.添加路由, 商品导入(并且设置扩展属性为只添加为路由)

/src/views/backend/dashboard.vue

• 2.在前端页面中使用

<el-col :xs="24" :span="8">
    <div class="start-item suspension">
        <div class="start-item-title" @click="toImport">导入商品</div>
        <div class="start-item-remark">点击跳转到导入商品的页面</div>
    </div>
</el-col>

<script setup lang="ts">
import importForm from "./importForm.vue"
import { useRouter } from 'vue-router'

const router = useRouter()

// 跳转到导入页面
const toImport = () => {
    router.push('/admin/goods/import')
}
</script>

带参数

router.push({ path: '/admin/goods/import', query: { machine_no: row.machine_no } })