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://blog.csdn.net/huskle/article/details/81222685转换成可以用的文件格式，接下来就四步：第一步：把解析好的文件全部引到项目中，不管在src下建个common的目录放进去还是直接放到assets下都可以，只要后面的引入路径正确就行；第二步：打开css文件，font-family跟的就是后面使用的...
2024-01-10
vue中的文件操作2
PDF在线预览前面介绍过使用a标签实现pdf的预览，需要借助于浏览器，现在项目中需要在当前页的弹窗中预览PDF： 这个时候，a标签是不满足需求的，我们需要借助一个PDF插件： PDF插件下载 提取码(y5yr)使用：1，将PDF插件放在项目里面，或者服务器中2，获取PDF文件流 3，文件展示 文件下载（...
2024-01-10
vue中引入css文件
两种方式引入css文件，一种是直接在main.js中引入，即下面这种写法：import \'element-ui/lib/theme-default/index.css\'这种写法适用于此css文件存在于项目中，不适用于通过网址访问的方式引入，会报错。偶试着引入Font Awesome，结果报错：import "http://netdna.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css"而直接在...
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的个人文档中心
基于vue的个人文档中心由于最近在学vue的开发，于是便动手做了一个简单基于muse-ui和element-ui的vue-demo--主要功能是一个个人的文档管理中心，功能正在完善，需要慢慢学习~~~项目地址 github.com/JiaXingBinggan/PDoc-vue.git（项目所用到的技术及部署在项目地址的readme.md文件已经注明）整个web框架为vue+nodeJ...
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
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中个别技术总结
这个作业属于哪个课程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文件中的路径跳转问题？
已知shops目录下有一个index.vue文件，按住ctrl+鼠标点击路径进行跳转，如何实现不写index.vue也能进行跳转呢？// 跳转失败（期望这样也能跳转成功）import Shops from './shops';// 跳转成功import Shops from './shops/index.vue';回答：你可以通过配置jsconfig.js去跳转，可通过vuejs生成模版...
2024-03-15
vue开发中的"骚操作"
前言在与同事协作开发的过程中，见识到了不少“骚操作”。因为之前都没用过，所以我愿称之为“高级技巧”！Vue.extend在交互过程中，有个需求就是点击图标弹出相关信息的弹窗，并且能够同时打开多个。这时就可以用Vue.extend方法手动挂载弹窗组件。举例：// 目录结构/registry /videoDialog ...
2024-01-10
vue中解构赋值不起作用
<script> /* eslint-disable */ export default { name: "Test", data() { return {}; }, mounted() { this.exchangeVariable(); }, methods: { exchangeV...
2024-02-20
vue中的小踩坑（01）
前言：昨天算是使用vue2.0+element-ui做了一点小小的页面，可是源于其中遇到的问题，特地整理一下，以防自己还有其他的小伙伴们继续踩坑。过程： 1.不知道大家有没有注意到，每次打开项目的时候，在地址栏总会莫名其妙的出现“#”字符，就比如：http://localhost:8080/#/其实，在项目中...
2024-01-10
vue轮播图中间大两头小
<template> <div v-if="items.length" class="full-page-slide-wrapper"> <swiper :options="swiperOption" ref="mySwiper"> <!-- slides --> <template v-for="item in items"> <swiper-slide v-if="item.bannerImageUrl" :key="item.pid"> <i...
2024-01-10vue中实现上传文件给后台实例详解
FormData 对象的使用：1.用一些键值对来模拟一系列表单控件：即把form中所有表单元素的name与value组装成一个queryString2. 异步上传二进制文件。（ps：说白了就是不使用form表单实现form表单提交数据或文件，如果还是不懂，请自行百度）实现过程1.使用type类型为file的input框实现选择文件(顺便记录...
2024-01-10
vue中发送网络请求，请求不到数据？
list列表渲染不到页面上？这里的this指向函数并不指向vue，所以才无法将data的值赋给vue中的list，此时就没有list数据，表格为空。空的表格 改为箭头函数,此时this指向vue。 下面表格中呈现出数据。...
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中的锚点和查询字符串
1、什么是锚点锚点(achor）：其实就是超链接的一种。如：普通的超链接 <a href="sub_task_detail.php">详细</a> 主要实现不同页面之间的跳转带锚点的超链接 <a href="sub_task_detail.php#test"> </a> 可以在同一个页面的不同位置进行点位跳转2、锚点的使用锚点超链接一定包含井号"#",锚点超链接都在链接的尾端...
2024-01-10
vue实现点击追加选中样式
1、在标签内写入点击事件和添加的class样式注释： :class="{active:shows==1}"就是说当shows==1时添加class=active，否则不添加。2、在methods里边定义方法效果如下：到此就完成了点击切换效果。附加：使用三木运算符实现筛选箭头切换三木运算符执行方法：如果show==1为真，则显示icon_up.png,否则显示icon_down.pn...
2024-01-10
