![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
Vue
Vue为主
天山小黎
自强不息是一个人数年持之以恒的坚持,而同时又化为这个人不显山露水的一副傲骨。
展开
-
Vant安装:export ‘createVNode‘ (imported as ‘_createVNode‘) was not found in ‘vue‘ (possible exports:
问题解决,重新启动项目即可。原创 2023-08-11 12:21:38 · 507 阅读 · 0 评论 -
npm配置vue-cli所遇EACCES权限问题及解决方案
1.输入指令: sudo npm install -g vue-cli 出现错误npm install vue-cli -g npm ERR! code EACCESnpm ERR! syscall mkdirnpm ERR! path /usr/local/lib/node_modules/vue-clinpm ERR! errno -13npm ERR! Error: EACCES: permission denied, mkdir '/usr/local/lib/node_mod原创 2022-02-28 22:34:03 · 2780 阅读 · 2 评论 -
Vue+Element组件el-dialog,点击弹框外不取消弹框和去掉x号
html部分<el-dialog :close-on-click-modal="close_modal" :showClose="false">js部分 data() { return { close_modal:false } }效果图原创 2020-12-30 13:26:30 · 4456 阅读 · 2 评论 -
Vue+Element组件el-table添加表头全选文字
html部分: <el-table v-if="showTable" class="inter_table" :data="apiList.slice((currentPage-1)*pagesize,currentPage*pagesize)" tooltip-effect="dark" style="width: 100% !important;"原创 2020-12-30 09:52:56 · 3629 阅读 · 1 评论 -
Vue中axios学习(五)axios拦截器
axios提供两大类拦截器一种是请求方向(成功,失败)一种是响应方向(成功,失败)拦截器作用:用于我们在网络请求的时候,在发起请求或者响应时对操作进行响应的处理。应用场景:1.发起请求是可以添加网页加载的动画,强制登录。2.响应时可以进行相应的数据处理。第一种:<script> axios.interceptors.request.use(config=>{ console.log("进入请求拦截器"); console.log(co原创 2020-12-13 22:20:03 · 278 阅读 · 1 评论 -
Vue中axios学习(四)axios实例
axios实例<script> //创建axios实例 let newVar = axios.create({ baseURL:'http://localhost:9999/student/student', timeout:5000 }) let newVar1 = axios.create({ baseURL:'http://localhost:9999/student/student',原创 2020-12-13 21:46:14 · 143 阅读 · 0 评论 -
Vue中axios学习(三)axios全局配置
<script> axios.default.baseURL = 'http://localhost:9999/student/student'; axios.default.timeout = 5; axios.get('getAllStudent').then(res=>{ console.log(res); }); axios.post('pGet').then(res=>{原创 2020-12-13 21:22:23 · 423 阅读 · 0 评论 -
Vue中axios学习(二)axios并发请求
1.axios并发请求<script> axios.all([ axios.get('http://localhost:9999/student/student/getAllStudent'), axios.get('http://localhost:9999/student/student/findStudentById',{ params:{id:1} }) ]).then(res>{ //请求原创 2020-12-13 21:04:40 · 227 阅读 · 0 评论 -
Vue项目中使用v-model和v-on事件实现展开收起的效果
html部分:<div style="width: 100%;" v-model="activeNames"> <!--3个循环体,每一个单独的盒子--> <!--单独盒子的内容--> <div class="tab_box" id="tab_box1" style="position: relative;border-bottom:1px solid #cccccc原创 2020-12-03 10:50:57 · 261 阅读 · 0 评论 -
vue项目中Element组件顶部导航栏点击显示高亮
目前所知的一共有2种方法:一种是通过绑定点击事件。另一种是使用<router-link></router-link>组件,暂时先不叙述。html部分<el-menu :default-active="routerName" class="el-menu-demo" mode="horizontal" @select="handleSelect原创 2020-11-25 18:01:35 · 1021 阅读 · 2 评论 -
Vue中axios学习(一)axios中get、post请求方式
一、axios是基于promise对ajax的一种封装二、axios的基本使用 1.使用默认方式发送请求,get <script src="../axios/axios.min.js"></script> <script> axios({ //默认是get请求 url:'http://localhost:9999/student/student/getAllSyude...原创 2020-11-24 23:03:51 · 3158 阅读 · 0 评论 -
前端vue项目中cryptoJS AES加密
AES :对称加密。加解密的双方使用同一个密钥,密钥不能在网络中传输,避免被拦截。 如果要传输,必须要对密钥进行非对称加密再加密一次。1.先在vue项目中安装crypto-js npm install crypto-js2.新建一个secret.js文件3.secret.js内容//引用AES源码jsconst CryptoJS = require('crypto-js');const key = CryptoJS.enc.Utf8.parse("...原创 2020-11-19 15:46:15 · 2532 阅读 · 0 评论 -
vue项目中npm install 出现以下问题的解决方案
npm install 之后报错:npm ERR!code ERR_TLS_CERT_ALTNAME_INVALID npm ERR!errno ERR_TLS_CERT_ALTNA解决方案:npm config set strict-ssl false npm install -g supervisor npm intsall原创 2020-11-18 18:15:55 · 319 阅读 · 0 评论 -
js中this是什么?this的5种用法
概述:1.在方法中,this指的是所有者对象。2.单独的情况下,this指的是全局对象。3.在函数中,this指的是全局对象。4.在函数中,严格模式下,this指的是undefined。5.在事件中,this指的是接收事件的元素。**分述:**1.方法中的this在对象方法中,this指的是此方法的“拥有者”。this代表person对象 var person = { firstName:"Bill", lastName:"Gates"原创 2020-09-22 19:46:06 · 17743 阅读 · 3 评论 -
统计页面访问量
html部分:<a href="http://.../member/index.php?rf=商家推荐" onclick="stat2_rf('参数','关键词')" target="_blank" class="become_btn">去设置</a>js部分:在这里插入代码片function stat2_rf(rf,key) { $.ajax({ type : 'get', url : 'http://.../misc/interface原创 2020-08-25 16:15:13 · 339 阅读 · 0 评论 -
使用js实现点击下载文档的功能
HTML部分 <ul class="register"> <ol class="r_right" onclick="downloadTxt()"><img id="girlTxt" src="下载内容路径" alt="替换内容">文档</ol> </ul>JS部分 function downloadTxt(){ var txt = document.getElementById('girl原创 2020-07-08 16:28:48 · 416 阅读 · 0 评论 -
webpack是用来做什么的?它的2个作用
1.webpack是什么?是一个模块化打包工具,将不同的资源和文件,进行打包,合并在一个文件里。2.作用(1)重新加载编译,将浏览器不认识的语法编译成浏览器认识的语法。less编译成css,ES6语法转换成ES5。(2)减少io请求。发送请求,会发挥一个html到浏览器,这是,打开控制台会发现html页面通过script,link等标签引用的静态,浏览器会再次发出请求去获取这些资源。如何webpack打包,将所有的静态资源都合并好了,减少了io请求。...原创 2020-06-18 20:08:28 · 9060 阅读 · 0 评论 -
Ajax常用知识点
Ajax原理:(3步原理 )1.浏览器:发生XX事件,创建XMLHttpRequest对象,发送HttpRequest。2.服务器:处理HttpRequest创建响应并将数据返回给浏览器。3.使用JS处理被返回的数据,更新页面内容。.注释:XMLHttpREQUEST对象(异步的与服务器交换数据)JavaScript/DOM(信息显示/交互)CSS(给数据定义样式)XML(作为转换数据的格式)Ajax向服务器发送请求XMLHttRequest对象的open()和send()方法原创 2020-06-18 16:22:11 · 94 阅读 · 0 评论 -
# jQery第一天新体验
1.语法$("*") 选取所有元素$(this) 选取当前HTML元素$(“p.intro”) 选取class为intro的p元素$(“p:first”) 选取第一个p元素$(“ul li:first”) 选取第一个ul元素的第一个li元素$(“ul li:first-child”) 选取每个ul元素的第一个li元素$("[href]") 选取带有href属性的元素$(“a[target=’_blank’]”) 选取所有target属性值等于“_blank”的a元素$(“原创 2020-06-18 09:42:27 · 127 阅读 · 0 评论 -
var与let、const的区别
一、var声明的变量会挂载在window上,而let和const声明的变量不会: <script> var a = 100; console.log(a,window.a);//100 100 let b = 10; console.log(b,window.b);//10 undefined let ...原创 2019-09-17 12:00:54 · 94 阅读 · 0 评论 -
Js(一)
JavaScript介绍1.JavaScript是互联网上最流行的脚本语言,这门语言可用于web和html,更可广泛用于服务器,PC端,移动端。2.JavaScript脚本语言JavaScript是一种轻量级的编程语言。JavaScript是可插入HTML页面的编程代码JavaScript插入HTML页面后,可由所有的浏览器执行JavaScript实现1.JavaScript用法H...原创 2019-09-05 18:10:09 · 105 阅读 · 0 评论 -
CSS
CSS基础语法1.selector{property:value 属性:值}eg:h1{color:red;font-size:14px;}属性>1个,属性之间用分号隔开:值>1个单词,则需要加上引号;eg:p{font-family:“sans”;}CSS高级语法:1.选择器分组:h1,h2,h3,h4,h5,h6{color:red;}2.继承b...原创 2019-09-04 16:13:56 · 342 阅读 · 0 评论 -
H5
软硬件环境1.硬件:双核、2G内存2.软件:windows、Mac OS X、Linux一、HTML与HTML5差异1.什么是HTML?(1)HTML是用来藐视网页的一种语言。(2)HTML指超文本标记语言。(3)HTML不是编程语言,是一种标记语言。2.HTML5的新特性?(1)用于绘画的canvas标签。(2)用于媒介回放的video和audio元素(3)对本地离线存...原创 2019-08-30 12:16:33 · 157 阅读 · 0 评论 -
ES6入门简介
1.变量var 可以重复声明、函数级let 不能重复声明、块级、变量const 不能重复声明、块级、常量2.箭头函数a.方便①如果只有一个参数,()可以省。②如果只有一个return,{}也可以省。eg:正常函数 var getPrice = function(){ return 4.55; };箭头函数var getPrice=()=>4.55;...原创 2019-03-31 17:50:56 · 95 阅读 · 1 评论