Ionic 在vue中使用路由器链路的正确数据

9lowa7mx 于 2023-01-28 发布在 Ionic

关注(0)|答案(2)|浏览(175)

我试图创建一个组件，将动态改变离子按钮上的链接的基础上传递的 prop 。
我有

<template>
<ion-button router-link :to "`$/+ {{subLink1}}" shape="round">{{linkName1}}</ion-button>
</template>

<script>
import{IonButton} from '@ionic/vue'
export default{
props:{subLink1:{required:true},linkName1:{required:true}}
}
</script>

从父节点传入的属性是例如subLink1："销售"，链接名称1："销售"
然而，控制台返回的是空白，我有什么传入，所以我想问题出在我的路由器链接？

ionic-framework

来源：https://stackoverflow.com/questions/75223625/using-prop-data-for-router-link-in-vue

2条答案

按热度按时间

nr9pn0ug1#

这样做：

<ion-button 
   :router-link="`/${subLink1}`" 
   router-direction="forward" 
   shape="round" 
   v-text="linkName1"
/>

RTM：https://ionicframework.com/docs/vue/navigation#navigating-using-router-link

赞(0）回复(0）举报 2023-01-28

zpjtge222#

设置href属性;

<template>
    <ion-button :href="`/${subLink1}`" shape="round">{{linkName1}}</ion-button>
</template>

<script>
import { IonButton } from '@ionic/vue'
export default{
    props: {
        subLink1:{
            required: true
        },
        linkName1: {
            required: true
        }
    }
}
</script>

赞(0）回复(0）举报 2023-01-28

我来回答

Ionic 在vue中使用路由器链路的正确数据

2条答案

相关问题

热门标签

最新问答