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中嵌入外部网站的实现
利用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开发中的"骚操作"
前言在与同事协作开发的过程中，见识到了不少“骚操作”。因为之前都没用过，所以我愿称之为“高级技巧”！Vue.extend在交互过程中，有个需求就是点击图标弹出相关信息的弹窗，并且能够同时打开多个。这时就可以用Vue.extend方法手动挂载弹窗组件。举例：// 目录结构/registry /videoDialog ...
2024-01-10
vue 网页文字中带#的话题颜色高亮
网页中显示文字时，带#开始和结束的文字蓝色高亮，就像微博话题一样效果如下html<span v-html="parseComments('#吃货节#有什么好吃的')"></span> // 方法里面可以是变量，这里只是个演示jsparseComments (value) { var exp exp = /(#|＃)((?!#).)*(#|＃)/g value = value.replace(/<[^>]*?>(.*?)/gi, '').rep...
2024-01-10
为什么vue的中文网站基本都打不开？
刷新了好几次还是不完全加载回答：可以尝试清除缓存。可以打开 network 查看具体是那个资源加载异常。开启缓存，并独立访问资源。被墙资源，可以直接右键阻止加载，防止阻塞页面。回答：看着像是样式文件没有正确加载，可以打开开发者工具看下具体哪个被拦截了。建议清下缓存再刷新下试试回答：根据您的内容描述图片，判断出现在这个问题的原因，是由于本地浏览器缓存导致，可以尝试清空浏览器缓存，或者换个浏览器...
2024-02-28
vue中引用本地文件
把自己下载好的字体通过https://blog.csdn.net/huskle/article/details/81222685转换成可以用的文件格式，接下来就四步：第一步：把解析好的文件全部引到项目中，不管在src下建个common的目录放进去还是直接放到assets下都可以，只要后面的引入路径正确就行；第二步：打开css文件，font-family跟的就是后面使用的...
2024-01-10
vue中个别技术总结
这个作业属于哪个课程2021春软件工程实践S班 (福州大学)这个作业要求在哪里软件工程实践总结&个人技术博客这个作业的目标其他参考文献个人技术总结 —— vue中个别技术总结在自学vue的过程中，自己也对某些部分做了点笔记，记录了使用方式与心得，现将部分展示如下：1.Vue当中的...
2024-01-10
vue中怎么全局引入sass文件
定义了一个px转换rem的sass文件，我想全局引入，我在main.js文件里面import那个sass文件，但是在.vue文件中用不了路径是没有错的，reset.css是起了作用，然是sass文件没有作用。因为基本上每个页面都要用到rem，假如每写一个.vue文件都要在style下面@import rem.sass文件的话，这样很麻烦！回答：1.添加依赖np...
2024-01-10
vue中发送网络请求，请求不到数据？
list列表渲染不到页面上？这里的this指向函数并不指向vue，所以才无法将data的值赋给vue中的list，此时就没有list数据，表格为空。空的表格 改为箭头函数,此时this指向vue。 下面表格中呈现出数据。...
2024-01-10
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中的样式穿透
参考一下的文章即可：https://www.cnblogs.com/karthuslorin/p/9038854.htmlhttp://www.php.cn/js-tutorial-399072.html...
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知识点（工作中遇到）
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
