Vue.js sef link yapımı | Cevap #350

Hocam Vue.js hakkinda fazla bilgim yok lakin normal jquery ile asagidaki gibi yapabilirsin..



<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script>
$(document).ready(function(){

    $("#name").keyup(function (e) { 
        let nameVal= $("#name").val();
        let sefLink=nameVal.replace(/s+/g, '-').toLowerCase();
        $("#sef").val(sefLink.slice(0, -1));
    });
});
</script>
</head>
<body>

<form action="">
  Name: <input type="text" id="name" name="name"><br>
  Sef:  <input type="text" id="sef" name="sef"><br>
  
</form>

</body>
</html>