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
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
vue 网页文字中带#的话题颜色高亮
网页中显示文字时，带#开始和结束的文字蓝色高亮，就像微博话题一样效果如下html<span v-html="parseComments('#吃货节#有什么好吃的')"></span> // 方法里面可以是变量，这里只是个演示jsparseComments (value) { var exp exp = /(#|＃)((?!#).)*(#|＃)/g value = value.replace(/<[^>]*?>(.*?)/gi, '').rep...
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中个别技术总结
这个作业属于哪个课程2021春软件工程实践S班 (福州大学)这个作业要求在哪里软件工程实践总结&个人技术博客这个作业的目标其他参考文献个人技术总结 —— vue中个别技术总结在自学vue的过程中，自己也对某些部分做了点笔记，记录了使用方式与心得，现将部分展示如下：1.Vue当中的...
2024-01-10
vue中自定指令不生效
自定了一个自动聚焦的指令 Vue.directive('focus', { inserted(el, binding, vnode) { el.focus() } }); <input type="text" v-focus> <input type="text" v-focus> <input ty...
2024-03-11
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中前端弹窗队列展示
在前端写一个弹窗可能很简单，那如果同时有多个弹窗呢这样的话就要考虑弹窗的展示问题，肯定是不能叠加在一起的，这时候就要通过队列（先进先出）来展示思路就是根据队列来实现，至于具体的实现方式，可以在项目中灵活运用在vue中可以通过vuex存储队列，用watch方法来监听队列的变化举个??...
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中发送网络请求，请求不到数据？
list列表渲染不到页面上？这里的this指向函数并不指向vue，所以才无法将data的值赋给vue中的list，此时就没有list数据，表格为空。空的表格 改为箭头函数,此时this指向vue。 下面表格中呈现出数据。...
2024-01-10vue中实现左右联动的效果
这里的坑还是蛮多的，花了一个多小时，才理清楚。 做一下笔记，以便于复习。首先呢，需要让左右的布局都可以滚动，这里使用了betterScrollnpm i better-scrollimport BScroll from 'better-scroll'methods: { _initScroll () { this.menuScroll = new BScroll((this.$refs.menu), { click: true 因为betterscroll默认会阻止点击事件...
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
