Uncaught (in promise) TypeError: $f7.views.main.router is not a function

my signin.f7 page

export default (props, {$on,$,$f7}) => {

    $on('pageInit', () => {

$(’.otp-submit’).on(‘click’,function(){

            var phone = localStorage.phone;

            var otp = $("#otp").val();

            $f7.request.postJSON('http://localhost/api/customer/check_otp', { phone:'123456789', otp: '746395' })

            .then(function (res) {console.log(res)

            if(res.data.status=='success'){

                localStorage.phone='';

                localStorage.setItem("token",res.data.token);

                //$f7.router.navigate('/');

                $f7.views.main.router('/')

            }

            else{

                $(".error_message").text(res.data.message)

            }

            });

        });

}

router indeed is not a function.

export default (props,{ $, $f7, $on, $f7router }) => {
  $on('pageInit',(e,page) => {
    $f7router.navigate('/path/');   
  });
  return $render; 
};
1 Like

Working fine.Thank you very much.You save my day.