vue
__不靠谱先生
这个作者很懒,什么都没留下…
展开
-
Vue前端添加水印功能(附源码)
前端vue添加水印功能,组件式引入,开箱即用,颜色样式、范围、密度可修改,且有防人为干预删除或修改水印等功能!原创 2023-11-17 15:02:18 · 1431 阅读 · 0 评论 -
vue中使用iframe传值,获取数据等问题。
需求:**后台跳转预览前台页面然后通过传值取到相应的数据 ,通过vue+iframe 实现 **代码:// 后台到你的iframe嵌套的页面跳转方法,携带参数toPreview(index,row) { let routeData = this.$router.resolve({ name: "ViewFeature", query: { featureId: row.featureId, }, }); window.open(routeData.hre原创 2020-06-12 16:25:33 · 2501 阅读 · 0 评论 -
npm ERR! cb() never called 处理办法
npm install报错npm ERR! cb() never called问题解决办法原创 2022-07-12 15:11:11 · 461 阅读 · 0 评论 -
Vue使用swiper
这里是老衲自己写的,在我这测试是没有 任何毛病的,错了什么的勿喷。Vue使用Swiper 这里先要在小黑板里下载即 npm i swiper,下载完城后node_modules文件夹下会生成一个swiper文件夹,就是下载成功了。然后在使用的页面引用,import Swiper from ‘swiper’;import ‘swiper/dist/css/swiper.min.css’...原创 2018-12-13 21:30:50 · 347 阅读 · 1 评论 -
vue给list列表添加动画
Document <!-- 引入样式 --><link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css"><!-- 引入组件库 --><script src="https://unpkg.com/element-ui/lib/index.js"></script><style...原创 2021-09-26 15:43:04 · 997 阅读 · 0 评论 -
vue页面缓存的几种方法和keepAlive的使用场景
vue中keepAlive的使用在开发中经常有从列表跳到详情页,然后返回详情页的时候需要缓存列表页的状态(比如滚动位置信息),这个时候就需要保存状态,要缓存状态;vue里提供了keep-alive组件用来缓存状态。可以用以下几种方案解决问题;一、利用meta标签1、首先在路由中的meta标签中记录keepAlive的属性为truepath: '/classify', name: 'classify', component: () => import('@/views/classify原创 2020-11-30 16:28:41 · 2077 阅读 · 1 评论 -
前端常用组件库和Api地址
移动端Vanthttps://vant-contrib.gitee.io/vant/#/zh-CN/homePC端element-uihttps://element.eleme.cn/#/zh-CN/component/installation原创 2020-11-23 18:22:07 · 732 阅读 · 2 评论 -
前端文件下载,下载流文件
这里给提供一种Blob的方式大致就是URL.createObjectURL() 静态方法会创建一个 DOMString,其中包含一个表示参数中给出的对象的URL**new Blob 就是Blob对象是二进制数据,但它是类似文件对象的二进制数据,因此可以像操作File对象一样操作Blob对象,实际上,File继承自Blob。**// 假设你已经得到了文件类似如图 const data = res; // 后端打回来的流文件 // 第一个参数是流文件 ,第二是格式, 这个在后端会提前声明的原创 2020-10-30 09:47:02 · 796 阅读 · 0 评论 -
解决el-checkbox传值编辑回显问题。
{{city.name}}data() {return {value: [],cities: [{name:‘北京’,id:‘1’}, {name:‘武汉’,id:‘2’},{name:‘深圳’,id:‘3’}];};label是展示在外的text内容.如果el-checkbox标签之间不写任何内容显示也是label的内容,但是我们在el-checkbox标签里面加上{{}}name的值。这个其实就是显示的内容啦。...原创 2020-10-15 14:30:49 · 3686 阅读 · 0 评论 -
限制input输入的长度,input的type为number的长度,type=‘number’的maxlength不生效问题
input当为number类型是maxlength不生效,这里有两种方案 一种是把**number**改成**tel** <input type="tel" maxlength="5" /> // 可以生效或者就是 <input type="number" οninput="if(value.length>5) value=value.slice(0,5)" /> // 原生写法附上vue写法 <input placeholder="请输入联系.原创 2020-09-16 14:24:00 · 1807 阅读 · 0 评论 -
vue脚手架中页面使用过滤器
<span v-for='(item,tagsIndex) in scope.row.tags' :key="tagsIndex" @click="searchByTags(item)">{{item + ',' | formDataTags }}</span> filters: { formDataTags(e){ return e; } },原创 2020-09-09 16:24:00 · 484 阅读 · 1 评论 -
facebook,twitter的分享图片功能,facebook分享图片
前端工作中我们经常会遇到把网页的内容分享到别的社交网站上去,微信,qq,新浪,facebook,twitter等社交中去,这里墙内的分享方法我就不说了,圈内肯定有很多大佬,我给大家分享一个FaceBook,Twitter的图文分享(认真看完相信对你有收获。网上的例子大多包括Facebook官网上的例子是用在页面上创建meta来做分享,但是我用Vue写的前端,测是不行,并不能抓取到页面他们只是把FaceBook官网的例子粘贴下来,具体能不能实现估计作者也不知道,Vue页面只有一个html页面,怎么动态生成数原创 2020-09-01 17:39:03 · 6593 阅读 · 34 评论 -
element-u弹出刷新dialog弹出框和分页显示不对处理问题
Element-ui的弹出框是在前端开发中经常是会用的一个功能;但是我们在使用的过程中会发现每次弹出框的数据在操作后很难清除或者重置;比如文件上传,分页数据等等,这里给大家提供一种方法v-if='dialogVisible’ <el-dialog title="Insert Media" top="10vh" :visible.sync="dialogVisible" :width="activeWidth" :show-close原创 2020-08-28 15:45:54 · 1816 阅读 · 0 评论 -
vue 的htm里面写三目运算方法.
{{position == 0 ? ‘a情况’:‘b情况’}}{{position==0?‘相似图片’:‘相关影片’}}原创 2020-08-05 16:27:05 · 1820 阅读 · 0 评论 -
Vue数据和视图不同步的原因
vue中在data中的对象赋予新的属性是不能响应式的更新数据的。在这里插入代码片 var vm = new Vue({ el: '#app', data: { tempArr: [ { name: "Tom", age: "11" }, { name: "Marry", age: "21" }, {原创 2020-07-15 14:08:37 · 2271 阅读 · 1 评论 -
element没有数据表格显示的提示语句
暂无月度产值预警 复制粘贴到表格里面原创 2020-07-15 10:08:13 · 1037 阅读 · 0 评论 -
vue动态绑定绑定多个类名。
:class="[‘text-uppercase text-center’,{‘category-active’:categoryFlag }]"原创 2020-07-03 10:29:41 · 2020 阅读 · 0 评论 -
element的表格和el-dropdown自定义参数,传多个参数,解决办法
elementui的table的dropDownList定义多个参数。 <el-dropdown @command="toHomeView" style="color:green; margin-left:10px"> <span class="el-dropdown-link"> Preview Type<i class="el-icon-arrow-down el-icon--right"></i&原创 2020-06-17 16:12:16 · 3329 阅读 · 0 评论 -
监听路由两种方式
监听 路由的to和from。router.beforeEach(){//操作}'$route' (to, from) { this.$router.go(0); console.log(to) console.log(from)}原创 2020-06-17 14:36:17 · 5525 阅读 · 0 评论 -
获取一段时间的所有的月份近一年,两年并且下拉框显示element-ui
vue生成现在到几年前一段时间的月份。 <l-select v-model="seleteDateValue" style="width:200px" placeholder="请选择时间" @change="selectDate" > <el-option v-for="(item,index) in seleteDate" :key="index" :label="item" :value="item"&原创 2020-05-30 09:37:44 · 848 阅读 · 4 评论 -
vue中的跨域问题。
vue 3.0 反向代理解决跨域3.0需要在src下新建vue.config.js复制不多说直接复制代码,把target换成你的地址即可module.exports = {devServer: {open: true,host: ‘localhost’,port: 8080,https: false,proxy: {// 配置跨域‘/api’: {target: ‘你要请求的连接地址’,ws: true,changOrigin: true,pathRewrite: {‘^/a原创 2020-05-18 11:48:26 · 174 阅读 · 1 评论