输入框输入网址动态实现从vue发送访问页面的请求

如果你想在 Vue 应用中实现输入框输入网址后发送请求访问页面，可以使用 `axios` 库来发送 HTTP 请求。具体的步骤如下：

1. 在组件中定义一个输入框，用来输入网址：

<template>
  <div>
    <input type="text" v-model="url">
    <button @click="gotoUrl">访问</button>
  </div>
</template>

<script>
import axios from 'axios'

export default {
  data() {
    return {
      url: ''
    }
  },

  methods: {
    gotoUrl() {
      // 使用 axios 发送 GET 请求
      axios.get(this.url)
        .then(response => {
          // 处理响应结果
          console.log(response)
        })
        .catch(error => {
          // 处理错误
          console.error(error)
        })
    }
  }
}
</script>

2. 在 `gotoUrl` 方法中，使用 `axios` 库发送 GET 请求。

需要注意的是，如果要在 Vue 应用中访问其他网址，需要确保这些网址没有被浏览器的跨域限制所禁止。如果有跨域限制，可以考虑使用代理或者 JSONP 等方式进行处理。此外，由于直接访问其他网站存在风险，因此建议在实际应用中加入一些安全措施，例如对输入的网址进行验证、设置白名单等。