
vue2.0
文章平均质量分 53
vue2.0
我们都是柠檬精诶
哈 哈哈 哈哈哈 哈哈哈哈
展开
-
vue+vant+pdfh5:实现点击 pdf 预览所有图片
【代码】vue+vant+pdfh5:实现点击 pdf 预览所有图片。原创 2023-06-27 17:16:02 · 3104 阅读 · 0 评论 -
Error: Can‘t find Python executable “python“, you can set the PYTHON env variable.
1、安装python环境,2.7版本,其他版本无效,完成后,需配置环境变量。2、以管理员身份运行powerShell ,执行。原创 2023-04-25 16:28:44 · 461 阅读 · 1 评论 -
Vuex的基本使用
一、基本用法1、使用安装vuex依赖包npm i vuex - save导入vuex包 [ store / index.js ]import Vue from 'vue'import Vuex from 'vuex' // 1、导入vuex包Vue.use(Vuex) // 1、导入vuex包// 2、创建 store 对象export default new Vuex.Store({ state: { }, // state提供唯一的公共数据源,所有原创 2020-09-22 12:01:57 · 248 阅读 · 0 评论 -
vue+elementUI 项目中使用 过滤器 filter 格式化日期时间戳
1、 后台传来的时间格式 tchhdAddDate: "2020-09-24T03:13:01.000+0000"2、想展示出来的格式 tchhdAddDate: "2020-09-24 3:13:01"3、处理流程(1)使用 <el-table-column slot="tdhhAddDate" label="添加时间" align="center" width="180"> <template slot-scop.原创 2020-09-24 13:59:17 · 1474 阅读 · 0 评论 -
table展示去除字符串中的html标签,点详情又能展示出设置好的样式
**去除字符串中的html代码const removehtml = (str = ‘’) => str.replace(/<[/!][^<>]>/ig, ‘’)console.log(removehtml(‘哈哈哈哈<呵呵呵’))// 哈哈哈哈<呵呵呵原创 2020-09-11 09:22:20 · 652 阅读 · 0 评论 -
vue+elementui项目封装form表单公共正则验证
前期准备:在项目下创建一个工具包文件夹util,文件夹下创建一个formValidation.js文件1、formValidation.js 文件let tel = /^1(3|4|5|7|8|9)\d{9}$/; //手机号码let name = /^[\u4E00-\u9FA5\uf900-\ufa2d·s]{2,10}$/; //姓名let FormValidate = (function() { function FormValidate() {} FormValidate.F.原创 2020-09-25 11:22:27 · 1102 阅读 · 0 评论 -
封装公共接口并获取
前期准备:在项目下创建一个工具包文件夹util,文件夹下创建一个ajaxCommon.js文件1、ajaxCommon.jsimport axios from 'axios'// 查询题库分类列表export function getQuestionBank(govtId) { return new Promise((resolve, reject) => { let data = []; axios.post('/TbQuestionsType/questionsTy.原创 2020-09-25 11:28:46 · 230 阅读 · 0 评论 -
vue封装element ui组件
vue封装element ui组件 —— 以 el-process 标签为例1、封装根据 element UI 的进度条 ,将你用到的一些属性都以子组件取参(props)的形式注册,必填或者指定默认值的用格式1,其他的你可以指定参数类型。其他情况请参考[官方文档]。(https://cn.vuejs.org/v2/guide/components-props.html)<template> <el-progress :type="type" :percentage="per原创 2021-07-09 12:00:47 · 958 阅读 · 0 评论 -
pdf文件下载(下载名与文件名相同)
window.JSZip = require("jszip");import axios from "axios"; axios({ method: "get", responseType: "blob", // 因为是流文件,所以要指定blob类型 url: item.fileUrl, // 自己的服务器,提供的一个word下载文件接口 }).then( res => { if(res.data原创 2022-01-14 15:31:26 · 436 阅读 · 0 评论 -
vue项目实现页面上拉滚动加载
...... <!-- 页面展示 --> <div ref="pageRef" class="contain_block" @scroll="handleScroll"> <el-backtop :visibility-height="100"/> <pageIndex v-if="list && list.length" :list="list"/> <el-empty v-els原创 2021-12-27 14:41:54 · 840 阅读 · 0 评论 -
Vue Router 的 hash 模式与 history 模式
1. hash 模式的实现原理早期的前端路由的实现就是基于location.hash来实现的。其实现原理很简单,location.hash的值就是URL中#后面的内容。比如下面这个网站,它的 location.hash 的值为 #search : https://www. word.com#searchhash 路由模式的实现主要是基于下面几个特性:URL 中hash值只是客户端的一种状态,也就是说当向服务器端发出请求时,hash 部分不会被发送;hash值的改变,都会在浏览器的访问历史中增加原创 2021-07-07 10:10:10 · 384 阅读 · 0 评论 -
js 将数组处理成固定对象为一组的形式进行页面展示
使用情景1、在跑马灯组件的每个跑马灯页面里,只展示3条数据;2、使用自己写的左右箭头来切换跑马灯,跑马灯第一页时不展示左侧箭头按钮,最后一页时隐藏右侧箭头;上代码:html 代码<el-row> <el-col :span="1"> <div v-if="showLeftArrow" style="background-color: #f9fbfd;height: 65px;" @click="arrowClick('left')" class="ar.原创 2021-06-09 16:36:15 · 417 阅读 · 0 评论 -
SPA单页面的理解
一、什么是SPASPA(single-page application),翻译过来就是单页应用。SPA 是一种网络应用程序或网站的模型,它通过动态重写当前页面来与用户交互,这种方法避免了页面之间切换打断用户体验在单页应用中,所有必要的代码(HTML、JavaScript 和 CSS)都通过单个页面的加载而检索,或者根据需要(通常是为响应用户操作)动态装载适当的资源并添加到页面页面在任何时间点都不会重新加载,也不会将控制转移到其他页面举个例子来讲就是一个杯子,早上装的牛奶,中午装的是开水,晚上装的是茶,.原创 2021-04-23 18:14:55 · 1138 阅读 · 0 评论 -
关于uniappH5安卓机拨打电话报错 tel:177*******6 的网页无法加载,因为: net::ERR_UNKNOWN_URL_SCHEME
介绍一下报错具体情景:1、项目:uniapp H52、报错手机平台:安卓3、使用方法:(1)uni.makePhoneCall() 不兼容 Android,所以可以通过uni.getSystemInfo()进行版本判断操作;(2)App自定义的拨打电话方法,需要用到与app进行交互的“桥”,这个可以问你的app同学或者了解一下"桥";如果你和我的情况一样,你就可以这样了写了。1、main.js 入口文件里定义(如果你用的情景不多,也可以写成自己的方法)/**引入APP交互 桥 **/原创 2021-03-29 11:08:18 · 2841 阅读 · 3 评论 -
uniapp uni.switchTab()传值问题解决
实现功能:账号切换后返回列表页,根据拿到的数据再次进行数据查询。思路:可以使用异步本地存储,存储一个值,返回后在onShow周期函数中异步拿取并注销。(1)返回方法back()中写try { uni.setStorageSync('jumpTo', true);} catch (e) { // error}uni.switchTab({ url: '../../orderList/index/index'});this.show = false // 关闭 pop弹窗(..原创 2021-01-14 17:01:27 · 17915 阅读 · 0 评论 -
vuex存储和本地存储(localstorage、sessionstorage)的区别
sessionStorage sessionStorage 方法针对一个 session 进行数据存储。当用户关闭浏览器窗口后,数据会被删除。用法:储存: 1. 点(.)运算符 : sessionStorage.lastname = ‘JSAnntQ’; 2. 方括号([ ])运算符 : sessionStorage[‘lastname’] = ‘JSAnntQ’; 3. localStorage.setItem : sessionStorage.原创 2021-01-04 11:44:27 · 278 阅读 · 0 评论 -
uniapp H5获取当前url参数
项目是H5,需要嵌入到App中,用户进入App时,点击H5会有一个url,并携带一个用户token参数,H5需要获取这个token.1、弦方法main.js文件,进行全局注册Vue.prototype.$getURLParams = function() { var url = window.location.search; var theRequest = new Object(); if (url.indexOf("?") != -1) { var str = url.substr(1原创 2020-12-31 15:08:02 · 10832 阅读 · 5 评论 -
js日期时间格式处理(main.js)
/** * * 月(M)、日(d)、小时(h)、分(m)、秒(s)、季度(q) 可以用 1-2 个占位符, * 年(y)可以用 1-4 个占位符,毫秒(S)只能用 1 个占位符(是 1-3 位的数字) * 例子: * Format("2016-10-04 8:9:4.423","yyyy-MM-dd hh:mm:ss.S") ==> 2016-10-04 08:09:04.423 * Format("1507353913000","yyyy-MM-dd hh:mm:ss.S")原创 2020-12-26 15:40:19 · 426 阅读 · 0 评论 -
uniapp+uview Select选择器数据绑定不是想要的问题
扫盲:value用于在回调时,区别选择了哪一个(针对开发者),相当于键值对的_Keylabel用于展示在选择器中,供用户选择和查看(针对用户),相当于键值对的_Value描述:在表单绑定中,如果后台传过来的数据是数字(也就是value),这个时候为了展示需要把数字转换成对应文字。解决思路:1、拿到数据时对其进行转换,转换成对应值(也就是 label)2、在提交到接口前,在对其进行转换,变成后台想要的数据。Trouble:思路是对的,但是如果在列表数据多的情况下,就需要自己封装一个转换的方.原创 2020-12-24 09:41:20 · 4538 阅读 · 0 评论 -
报错:Duplicate keys detected: ‘c3018eb8aa9d481f88644bd9f23e2560‘. This may cause an update error
控制台突然报错:Duplicate keys detected: 'c3018eb8aa9d481f88644bd9f23e2560'. This may cause an update error.found in原因:v-for 循环 key 值有重复。原创 2020-12-16 09:06:18 · 235 阅读 · 0 评论 -
vue子组件使用父组件的methods
1、子组件通过 this.$parent.event 调用父组件方法父组件:<template> <div> <child></child> </div></template><script> import child from '~/components/dam/child'; export default { components: { child },原创 2020-11-20 17:19:08 · 666 阅读 · 0 评论