Vue-Routing not work on mobile device only

i used vuetify button to change URL but it works only work with Computer, not with mobile or not with mobile size in devtool google chrome, and its my code…

<v-card
  class="mx-3 my-12 d-flex"
  max-width="800"
  max-heigh="230"
  v-for="(item, index) in films"
  :key="index"
>
  <v-img max-height="230" max-width="200" :src="item.filmPoster"></v-img>
  <div>
    <v-card-title>{{ item.name }} (Time : {{ item.time }}:00)</v-card-title>

    <v-card-text>
      <div>{{ item.desc }}</div>
    </v-card-text>

    <v-divider class="mx-4"></v-divider>
    <div class="allDays">
      <div
        class="my-2 mx-4 subtitle-2"
        v-for="(day, index) in item.days"
        :key="index"
      >
        <span>{{ day }}</span>
      </div>
    </div>

    <v-card-text class="d-flex py-2">
      <v-chip-group
        v-for="(zhaner, index) in item.zhaner"
        :key="index"
        class="d-flex"
      >
        <v-chip>{{ zhaner }}</v-chip>
      </v-chip-group>
      <v-spacer></v-spacer>
      <v-btn rounded default :to="'/film/' + item.name" exact>
        See More...
      </v-btn>
    </v-card-text>
  </div>
</v-card>
and its router file

const routes = [
{
path: “/”,
name: “Home”,
component: Home,
},
{
path: “/film/:name”,
name: “FilmPage”,
component: FilmPage,
},
];

i added another button to change theme and it was worked but only this one doesn’t work and when i go to the link by writing URL custom its not work and not show me anything (On Mobile)