• 欢迎光临~

VUE笔记深夜毒鸡汤

开发技术 开发技术 2022-09-29 次浏览

实现加载一个地址请求和跳转的同时动作

<script>
import CustomInput from './CustomInput.vue'

export default {
  components: { CustomInput },
  data() {
    return {
      url: 'https://www.baidu.com'
    }
  },
  methods: {
      load() {
        url = this.url;
      },
    }, 
}
</script>

<template>
  <CustomInput v-model="url" /> {{url}}
  <a v-bind:href="url">SoSo</a>

</template>
<script>
export default {
  props: ['modelValue'],
  emits: ['update:modelValue']
}
</script>

<template>
  <input
    :value="modelValue"
    @input="$emit('update:modelValue', $event.target.value)"
  />
<a @click="load"> {{url}} </a>
</template>
程序员灯塔
转载请注明原文链接:VUE笔记深夜毒鸡汤
喜欢 (0)