ヘッダーはクリック メソッド getticket() を呼び出します。
<template>
<div>
<button @click="getticket()">获取ticket</button>
<button @click="noticket()">删除ticket</button>
<p>{
{ticket}}</p>
</div>
</template>
URLを任意に定義し、メソッド内にgetticket()メソッドを定義します。
//这是获取
<script>
export default {
data() {
return {
url: "https://example.com/index.html?ticket=9b68dd98306327bf#&id=15",
ticket: ""
}
},
methods: {
getticket() {
//获取url(字符串)
var str = this.url;
//利用indexOf("参数")的返回值来判断
var result = str.indexOf("ticket");
//判断indexOf的返回值,如果不为-1,则为真
if (result > 0) {
//取出ticket里的值
var beginIndex = str.indexOf("=");
var endIndex = str.indexOf("#");
this.ticket=str.substring(beginIndex + 1, endIndex)
} else {
this.ticket="not found"
}
}
}
}
</script>
メソッド内でメソッド Noticeet() を定義する
getticket() {
//获取url(字符串)
var str = this.url;
var result = str.indexOf("ticket"); //利用indexOf("参数")的返回值来判断
if (result > 0) {
var beginIndex = str.indexOf("?");
var endIndex = str.indexOf("#");
this.ticket = str.substring(0, beginIndex) + str.substring(endIndex)
} else {
this.ticket = "not found"
}
}
URLは一般的に文字列形式なので、このように抽出してみました。