Catherine_G的博客

基础用法template中：<select v-model="selected" > <option v-for="(option, index) in options" v-bind:value="option.value" :key="index"> {{ option.name }} </option></select>&lt...

文章目录天气接口IP1、index.html里面写script【推荐】2、用js间接写。。天气接口这里用的是这个：https://www.tianqiapi.com请求接口： getDateWeatherAir (ip) { return $http({ url: `https://www.tianqiapi.com/api/?appid=347585&app...

文章目录设置浏览器icon设置页面title方法一：router改document.title方法二：使用vue-meta插件总结：设置浏览器icon启用了pwa:参考文章：vue3.0设置浏览器icon文件结构vue.config.js中设置：注：vue.config.js是vue-cli的配置文件，可选，可参考：全局-cli-配置pwa: { iconPaths: {...

vue中v-for循环前端存储的图片<img :src="require(`../../assets/navigation/linktype${item.posID}.svg`)" />// 路径自己定义附：单个图片引入<img src="../../assets/linktype0.svg" />参考：vue的 v-for 循环中图片加载路径问题...

Vue项目运行中出现该错误，子组件未渲染style直接展示。子组件的div<div :id="id" :type="type" ref="tag"> {{title}} </div>在子组件的mounted函数中：let label = document.getElementById(this.id);label.style.color = this...

搜索框获取焦点后展示搜索历史，搜索历史记录可以存储在前端，如下图所示：现在使用localStorage存储，可以打开开发者工具-Application-Local Storage（这里使用的是Chrome浏览器），红框里的内容就这上图中的搜索记录，可以在控制台打印一下记录，顺便验证一下它是不是string类型。控制台里面验证~好的，我们可以看到这条记录是个以逗号分隔的字符串。写由于...