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?
Soru hatalı mı? 👎
Eğer sorunun kurallara aykırı olduğunu düşünüyorsanız lütfen bize bildirin!
Cevaplar (3)
Şu url işini görecektir.
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>