![](https://img-blog.csdnimg.cn/20210814154245436.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
VUE
Vue是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合。另一方面,当与现代化的工具链以及各种支持类库结合使用时,Vue 也完全能够为
AS、SD
这个作者很懒,什么都没留下…
展开
-
vue表格与表单校验联动,下拉联动,列表增加、删除
template部分,想要每个都校验。data部分,根据自己需求更改。添加、删除、下拉联动方法。原创 2023-06-01 17:41:35 · 785 阅读 · 0 评论 -
element 日期选择器限制精确到时分秒+展开默认选择一个时间
2.限制最小时间为当前时间十分钟后(当前时间:2022-11-24 15:10:00 最小时间:2022-11-24 15:20:00)3.点击默认给一个时间,时间为后一天。:1.日期不能小于当前日期。4.日历起始日期为周一。原创 2022-11-24 15:07:24 · 3526 阅读 · 1 评论 -
element上传不提交,点击提交触发上传
element点击选择文件不触发提交上传原创 2022-11-18 18:10:18 · 777 阅读 · 1 评论 -
接口返回的文件流处理
【代码】接口返回的文件流处理。原创 2022-11-16 14:59:26 · 660 阅读 · 0 评论 -
element form表单提交校验港澳台手机号
【代码】element form表单提交校验港澳台手机号。原创 2022-09-08 18:23:59 · 524 阅读 · 0 评论 -
Node Sass does not yet support your current environment解决方法
【代码】Node Sass does not yet support your current environment解决方法。原创 2022-08-24 16:00:16 · 1798 阅读 · 0 评论 -
xx天倒计时
【代码】xx天倒计时。原创 2022-08-23 14:33:48 · 100 阅读 · 0 评论 -
js时间戳转时间
代码】js时间戳转时间。原创 2022-08-03 11:21:12 · 108 阅读 · 0 评论 -
element 可筛选下拉框切换下拉框弹出问题
当el-select添加filterable属性时切换页面下拉框会弹出,主要问题就是因为filterable属性,根本解决方案是选中的时候让他失去焦点 el-select有一个visible-change事件,下拉框出现/隐藏时触发\n原创 2022-06-23 11:35:44 · 1817 阅读 · 0 评论 -
港澳台手机号正则表达式
港澳台手机号正则表达式原创 2022-06-20 14:32:17 · 3922 阅读 · 2 评论 -
简易版点击复制文本功能
Vue点击复制功能原创 2022-06-15 16:53:20 · 113 阅读 · 0 评论 -
vue下载跨域图片
<a style="color: #409EFF;" @click="downImg(url)">下载还款凭证</a>downImg(imgsrc) { const src = `${imgsrc}?t=${new Date().getTime()}` fetch(src).then(res => { res.blob().then(myBlob => { const href = URL.createObj原创 2022-04-24 11:42:42 · 3197 阅读 · 2 评论 -
H5调用支付宝、微信支付
H5支付宝支付调用alipay({type: this.type, orderCode: this.orderCode}).then(res => {//接口返回form表单 // 调起阿里支付 if (res.flag == 1) { const div = document.createElement('div'); div.innerHTML = res.data; document.body.appendChild(div); d原创 2021-10-09 15:49:30 · 753 阅读 · 0 评论 -
微信自定义分享样式
默认分享样式自定义分享样式现在让我们来代码实现吧在需要调用JS接口的页面引入如下JS文件,(支持https):.http://res.wx.qq.com/open/js/jweixin-1.2.0.js wx.config({ debug : false, //调试 appId: "xxxxxx", //必填,公众号的唯一标识 nonceStr: "xxxx",// 必填,生成签名的随机串 signature: "xxxxxx",// 必填原创 2021-09-24 17:27:12 · 549 阅读 · 0 评论 -
nuxt打包修改资源路径
在nuxt.config.js里面配置routerrouter: { middleware: 'init', mode: 'hash', base:process.env.NODE_ENV === 'production' ? '/zspc/' : '', extendRoutes(routes, resolve) { routes.push({ path: '/', redirect: { name: 'h原创 2021-09-24 16:59:31 · 1600 阅读 · 0 评论 -
canvas dom生成图片并下载
简单的效果图:1、首先要安装html2canvasnpm install html2canvas --save2、在对应的页面上引用import html2canvas from "html2canvas"3、template里面编写<!-- 里面放置图片等元素, 下面的几个参数是我对应的路径,大家可根据自己需求写demo--> <div class="canvas_box poster" id="mycanvas" ref="mycanvas" >原创 2021-08-30 16:58:25 · 590 阅读 · 0 评论 -
nuxt前端埋点
在utils里面封装埋点请求,例buriedPoint.jsimport {getStorage, setStorage , removeStorage} from "@/utils/storage";import axios from 'axios'// const buriedPointUrl = 'https://api.zgxmall.com:9999/'const buriedPointUrl = 'http://10.3.3.27:9895/'import { isLogin } fr原创 2021-08-14 16:21:33 · 597 阅读 · 0 评论 -
element checked要点击两次才选中的问题
element checked要点击两次的问题问题代码://checked是我循环列表的一个参数,也可以在data里面声明<el-checkbox v-model='checked' @change="checkChange(checked)"></el-checkbox>//判断是否选中 checkChange(checked){ checked =! checked },@change完全没必要写,v-model已经改变了他,这里相当于改变了两原创 2021-05-15 09:46:47 · 4116 阅读 · 0 评论 -
vue数据不更新问题
平时我们更新数据一般这样写data(){ return { sku:[{ a:'111', b:'111' },{ a:'222', b:'222' }] }},methods:{ demo(){ //然而这样并没有实时的更新 this.sku[1].a= '123'; //把上面的替换成$set更新就可以了 this.$set(this.skus[1], 'a', '123') }}...原创 2021-07-09 16:52:18 · 281 阅读 · 0 评论 -
nuxt.js 全局引用封装的js
1.在utils里面创建case.jslet data=[{ name:'小明', age:'18'},{ name:'小红', age:'16'},{ name:'小亮', age:'20'}]//导出数据export default data2.在plugins里面创建case.jsimport Vue from 'vue'import data from '@/utils/case.js';// 绑定到全局 vue。$data自己原创 2021-06-15 14:33:33 · 1402 阅读 · 2 评论 -
vue产品多规格选择
<template> <div class="wrap wrap-sku"> <div class="product-box"> <div class="product-content"> <div class="product-delcom" v-for="(ProductItem,n) in specifications"> <p>{{ProductItem.name}}&转载 2021-06-23 09:31:40 · 1084 阅读 · 0 评论 -
vue脚手架搭建步骤
**脚手架搭建步骤**1、首先安装node.js,安装完成之后输入node -v检测是否安装成功2、检查npm管理包,npm是集成在node中的,输入 npm -v检测3、全局安装vue-cli,输入npm install -g vue-cli4、在任意盘创建文件夹存放,如果想创在D盘,直接输入‘d:’回车切换,在D盘下切换文件夹(首先D盘要有这个文件夹Demo),输入Demo。辣么项目就会创在D盘的Demo文件夹里5、可以在D盘Demo文件夹下创建vue项目,输入vueinit we原创 2021-05-15 11:19:12 · 154 阅读 · 0 评论 -
前端编码规范之Vue规范
vue大部分规范需参照HTML、CSS、JavaScript规范,在此不再强调。组件名应该始终是多个单词的根组件 App 以及 <transition>、<component> 之类的 Vue 内置组件除外。这样做可以避免跟现有的以及未来的 HTML 元素相冲突,因为所有的 HTML 元素名称都是单个单词的。– Example –-js// 不推荐Vue.component('todo', { // ...})export default { n.原创 2021-08-13 14:47:24 · 1143 阅读 · 0 评论 -
vue 返回顶部,滚动到位置固定
1.返回顶部//放在最顶部<div ref='page'></div>......<p class="top" @click="topage">返回顶部<img src="../../assets/activity/hwBrand/2.png"></p>// 返回顶部topage(){ this.$refs.page.scrollIntoView({behavior: 'smooth', block: 'start'})}原创 2021-06-16 10:38:00 · 355 阅读 · 0 评论 -
vue nuxt项目在Xsell上部署
Linux部署nuxt项目1、服务器安装环境 a/ 安装node 1、下载node i:在node官网下载Linux 64的node文件,通过ftp上传至/usr/local/node文件夹下 文件名:node-v12.13.0-linux-x64.tar.xz 或者: ii:wget https://nodejs.org/dist/v12.13.0/node-vv12.13.0-linux-x64.tar.xz 2、下载之后,由于是tar.xz格式的压缩文件,所以需原创 2021-05-27 16:54:18 · 219 阅读 · 0 评论 -
vue初学笔记
1.挂载 第一种:var vm = new Vue({el:'#app'}) 第二种:vm.$mount('#app') 加'$'防止重名2.模板字符串 var name="zhang";var age = 18; var str=`姓名:${name},年龄:${age}`;3.插值: {{JS表达式}} mustache语法 {{title.substr(2)}} //从第三个字符截取4.计算属性 <div>姓:{{firstName}}名:{{lastNam原创 2021-05-15 10:34:35 · 293 阅读 · 0 评论