vue内网穿透
1.打开https://natapp.cn/2.填写对应端口3.下载客户端，打开natapp.exe，运行natapp -authtoken=457e7ed5590b56774.打开config/index.js5.打开build/base.config.js,添加如下代码6.打开映射后的地址...
2024-01-10
vue局域网访问
vue局域网访问代码启动webstorm启动TOCvue局域网访问默认情况下,vue启动的项目只能在本机访问,想要在局域网访问可以这样设置:代码启动yarn run ...
2024-01-10
vue3官网防抖ref？
以下是vue3官网的代码 “防抖ref”import { customRef } from 'vue'export function useDebouncedRef(value, delay = 200) { let timeout return customRef((track, trigger) => { return { get() { tra...
2024-02-29
vue封装网络请求
在src下新建一个文件夹和文件js 然后在js文件里写入import axios from \'axios\' //引入下载的axiosconst instance = axios.create({ baseURL:\'接口地址\', timeout:5000 //几秒})//创建实例instance.interceptors.request.use( //拦截器 config=>{ //config.headers.token ="12346" //要进行的操...
2024-01-10
Vue网络请求
1.props的验证props可以指定类型：string、number、boolean、array、object类型传递动态和静态的props：title是静态，:age是动态默认值default，必选项required默认值如果是数组或者对象，必须返回一个function2.插槽:内容分发，同一个内容的不同展示效果1.基础插槽：SlotDemo与Slot2.具名插槽：template中slot与slot中的na...
2024-01-10
vue网站第一次打开白屏
vue网站第一次打开白屏，需要刷新一下才能进入。···回复：是不是每次代码更新后就会出现这个问题？如果是的话，可能：原因如下：webpack 编译时生成的 vendor.xxx.js 等三个 js 文件有随机的 hash 名（ vendor mainfest app 三个 js 有可能不全部重新生成 ）；nginx 服务器开启了缓存；有缓存的...
2024-01-10
vue - 官方 - 上手
Vue和其它框架一样，有用CDN或本地JavaScript框架，国内我推荐 bootstrap cdn。为什么很多人选择CDN呢？CDN：内容分发网络（不同区域不同服务器，更快），减少本地服务器压力以及加载速度需求。CDN如果出现问题怎么办呢？我们需要写一个JavaScript判断CDN是否有用，再来切换多个CDN（也就是多个CDN地址，...
2024-01-10
vue网络不好时不间断请求
配置默认参数const { apiConfig: { timeout, retry, retryDelay } } = config;if(timeout) axios.defaults.timeout = timeout; //超时时间 if(retry) axios.defaults.retry = retry; //请求次数if(retryDelay) axios.defaults.retryDelay = retryDelay; //请求间隙路由拦截const errConfig = ...
2024-01-10
vue实现网页语言国际化切换
一、基本步骤1：安装 yarn add vue-i18n 在此路径新建一个.js文件：src/lang/index.js后： 2:导入import VueI18n from 'vue-i18n'3:注册import Vue from 'vue'Vue.use(VueI18n)4:实例化const i18n=new VueI18n({ locale:'当前语言的标识'， // en:英文 zh:中文 messages:{ // 语言包 en:{ home:'home' }, zh:{ h...
2024-01-10
vue防止 由于网速出现 闪现{{}}
防止闪现可能应为网速的原因{{msg}} 一直解析不了, 于是用户就看到它了,不友好, 于是 vue推出 与css配合 [v-cloak] {display:none}...
2024-01-10
Vue（二十二）vuex小案例（官网计数案例整合）
1.使用 vue-cli 创建项目（具体操作可以参考前面的文章） ...2.下载 vuex- npm install vuex -S3.将 vuex 添加到项目中 （1）在项目中创建store文件夹 （2）在main.js中引入store的入口文件 （3）在 store -> index.js 中引入vuex 和 counter.js （4）在 store -> module -> counter.js 中操作 初...
2024-01-10
照着Vue3官网文档的例子打的，为什么会出错？
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0">...
2024-02-19
vue中发送网络请求，请求不到数据？
list列表渲染不到页面上？这里的this指向函数并不指向vue，所以才无法将data的值赋给vue中的list，此时就没有list数据，表格为空。空的表格 改为箭头函数,此时this指向vue。 下面表格中呈现出数据。...
2024-01-10vue中实现上传文件给后台实例详解
FormData 对象的使用：1.用一些键值对来模拟一系列表单控件：即把form中所有表单元素的name与value组装成一个queryString2. 异步上传二进制文件。（ps：说白了就是不使用form表单实现form表单提交数据或文件，如果还是不懂，请自行百度）实现过程1.使用type类型为file的input框实现选择文件(顺便记录...
2024-01-10
vue知识点（工作中遇到）
1、vue点击按钮动态添加多个input，并获取输入的值 <template> <div> <input type="text" v-for="(item,i) of items" v-model="items[i]" :key="i"> <button @click="onAdd">添加</button> </div></template><script>export default { data() { return { items: [] } }, meth...
2024-01-10
vue：如何实现点击选中文字，则在旁边出现删除按钮？
如何实现点击选中文字，则在旁边出现删除按钮？选中文字是别人写好的，那我是需要监听鼠标选中时的，相对浏览器的XY，然后显示出我的图标。但是我的图标是怎么出现的呢，图标的添加在哪？是选中的div里还是整个body?找到想要的效果了，类似于这个。因为文字的位置不固定，图片是跟随鼠标选中的位置出现的。我再想想怎么做出我想要的。https://blog.csdn.net/hththth...回答：http...
2024-03-11
vue点击标签切换选中及互相排斥操作
单身和已婚不能同时选中，不了解保险和已了解保险不能同时选中。同时各个标签点击可以取消选择 //html <li> <span class="fill-title">与我相关</span> <div> <van-button v-for="(item, index) in myself" :key="index" @click="checkButton('myself', item.id)" :class="item.isFlag ? 'current' : ''" ...
2024-01-10
vue中的文件操作2
PDF在线预览前面介绍过使用a标签实现pdf的预览，需要借助于浏览器，现在项目中需要在当前页的弹窗中预览PDF： 这个时候，a标签是不满足需求的，我们需要借助一个PDF插件： PDF插件下载 提取码(y5yr)使用：1，将PDF插件放在项目里面，或者服务器中2，获取PDF文件流 3，文件展示 文件下载（...
2024-01-10
Vertu破产了,vertu官网中国
在VERTU全新的战略布局下，中国市场始终是VERTU最重要的市场之一，我们致力于为中国消费者提供高质量的奢华手机与高品质的贴心服务。VERTU品牌自1998年诞生至今，备受追求极致匠心工艺与高端品质的中国消费者厚爱。因此，为了在中国能够保持VERTU品牌识别的一致性，我们现正式公布VERTU官方中文名...
2024-01-10
在vue中嵌入外部网站的实现
利用iframetop:导航栏的heightleft:左侧菜单栏的widthsrc:右侧页面要嵌入的外部网站<template> <div> <iframe src="https://www.iconfont.cn/" id="mobsf" scrolling="no" frameborder="0" style="position:absolute;top:64px;left: 240px;right:0px;bottom:100px;"></iframe> </div></template> <sc...
2024-01-10
在vue中嵌入外部网站的实现
利用iframetop:导航栏的heightleft:左侧菜单栏的widthsrc:右侧页面要嵌入的外部网站<template> <div> <iframe src="https://www.iconfont.cn/" id="mobsf" scrolling="no" frameborder="0" style="position:absolute;top:64px;left: 240px;right:0px;bottom:100px;"></iframe> </div></template> <sc...
2024-01-10
vue实现中英文切换
vue-i18n 仓库地址：https://github.com/kazupon/vue-i18n兼容性：支持 Vue.js 2.x 以上版本安装方法：（此处只演示 npm）npm install vue-i18n使用方法：1、在 main.js 中引入 vue-i18n （前提是要先引入 vue）import VueI18n from 'vue-i18n' Vue.use(VueI18n)2、准备本地的翻译信息const messages = { zh: { message: { hello: '好好学习...
2024-01-10
vue中的样式穿透
参考一下的文章即可：https://www.cnblogs.com/karthuslorin/p/9038854.htmlhttp://www.php.cn/js-tutorial-399072.html...
2024-01-10
vue开发中的"骚操作"
前言在与同事协作开发的过程中，见识到了不少“骚操作”。因为之前都没用过，所以我愿称之为“高级技巧”！Vue.extend在交互过程中，有个需求就是点击图标弹出相关信息的弹窗，并且能够同时打开多个。这时就可以用Vue.extend方法手动挂载弹窗组件。举例：// 目录结构/registry /videoDialog ...
2024-01-10
