vue中引用本地文件
把自己下载好的字体通过https://blog.csdn.net/huskle/article/details/81222685转换成可以用的文件格式，接下来就四步：第一步：把解析好的文件全部引到项目中，不管在src下建个common的目录放进去还是直接放到assets下都可以，只要后面的引入路径正确就行；第二步：打开css文件，font-family跟的就是后面使用的...
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中的文件操作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
基于vue的个人文档中心
基于vue的个人文档中心由于最近在学vue的开发，于是便动手做了一个简单基于muse-ui和element-ui的vue-demo--主要功能是一个个人的文档管理中心，功能正在完善，需要慢慢学习~~~项目地址 github.com/JiaXingBinggan/PDoc-vue.git（项目所用到的技术及部署在项目地址的readme.md文件已经注明）整个web框架为vue+nodeJ...
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中的样式穿透
参考一下的文章即可：https://www.cnblogs.com/karthuslorin/p/9038854.htmlhttp://www.php.cn/js-tutorial-399072.html...
2024-01-10
vue中样式的设置
一、.绑定style,用变量表示:二1.使用对象的形式进行绑定（class的对象绑定）2.使用数组的形式进行绑定第一种，数组中只有一个变量的形式，class的数组绑定第二种，数组中有多个变量，需要绑定到style中（使用内联样式）注意这里style绑定没有用数组形式，只挂载了styleObj一个对象...
2024-01-10
Vertu破产了,vertu官网中国
在VERTU全新的战略布局下，中国市场始终是VERTU最重要的市场之一，我们致力于为中国消费者提供高质量的奢华手机与高品质的贴心服务。VERTU品牌自1998年诞生至今，备受追求极致匠心工艺与高端品质的中国消费者厚爱。因此，为了在中国能够保持VERTU品牌识别的一致性，我们现正式公布VERTU官方中文名...
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中嵌入外部网站的实现
利用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-10vue中添加mp3音频文件的方法
有的时候我们需要在vue中添加音频文件，但是直接将音频文件放置了assets目录下的时候，会发现并不能正常播放，下面是两种常用的配置方法：方法一、将音频文件放置在static目录中，然后进行调用，如下所示<audio class="success" src="/static/audios/do_wrong.mp3"></audio>以上这种方式就能够解决这个问题了...
2024-01-10
vue开发中的"骚操作"
前言在与同事协作开发的过程中，见识到了不少“骚操作”。因为之前都没用过，所以我愿称之为“高级技巧”！Vue.extend在交互过程中，有个需求就是点击图标弹出相关信息的弹窗，并且能够同时打开多个。这时就可以用Vue.extend方法手动挂载弹窗组件。举例：// 目录结构/registry /videoDialog ...
2024-01-10
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-10
vue中解构赋值不起作用
<script> /* eslint-disable */ export default { name: "Test", data() { return {}; }, mounted() { this.exchangeVariable(); }, methods: { exchangeV...
2024-02-20vue中实现上传文件给后台实例详解
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 中表单置空简单操作
在vue单文件组件里有时需要重置data中的数据，比如表单填写一半，用户想重新填写。或者新增成功后，再次信息，打开弹框，希望之前填写的内容清空，发现一个简单写法:this.form = this.$options.data().form;(form为你要清空的表单)<script> export default { data() { return { // 表单 ...
2024-01-10
