Vue.js sef link yapımı
Bir input'a yazdığım değeri alıp url'ye sef link (seo link) şeklinde yazdırmak istiyorum. Bunu nasıl yapabilirim lütfen yardımcı olabilir misiniz?
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>