vue
文章平均质量分 50
从基础到进阶
ssypp
千锤百炼,迎娶白富美,走向人生巅峰
展开
-
vue3 | 在createVNode 或者 h函数中 设置ref
在vue3中使用createVNode或者h函数设置ref属性,开发环境下可以正常使用,生产环境中报错原创 2022-10-15 22:32:22 · 3180 阅读 · 0 评论 -
vue3新特性 | <style> 中使用js变量
使用vue3的新特性,可以直接在中使用js变量,提高效率原创 2022-10-14 16:50:00 · 3866 阅读 · 0 评论 -
vue实现图片下载功能so easy
vue实现图片下载功能so easy1.在前端实现图片下载分为同源图片下载和非同源图片下载2.解决方案可以根据同源和非同源来制定同源图片下载方案html中可以这样写<a href="./img/logo.png" download="logo.png"></a>javascript中可以这样写function imgDownload(url,name){ //创建一个a标签 const a_b = document.createElement('a')原创 2020-07-19 14:22:46 · 6620 阅读 · 3 评论 -
用vue3.0写一个简单的todo功能
用vue3.0写一个简单的todo功能 vue3.0bate版文档创建项目1.创建一个index.html文件,并引入<script src=“https://unpkg.com/vue@next”>touch index.html开始写入代码1.写好基本的结构<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta nam原创 2020-07-18 21:29:41 · 483 阅读 · 0 评论 -
Vue3.0输出hello world
Vue3.0输出hello worldvue3.0官方文档html部分<div id="app"> <h1>{{message}}</h1></div>javascript部分 const App = { data(){ return{ message:"hello Vue3.0" }原创 2020-07-18 13:19:20 · 674 阅读 · 0 评论 -
搞定vue项目开发环境下的跨域代理
跨域知识同源政策1.三同协议相同 (比如:http://)域名相同 (比如:www.baidu.com)端口相同 (比如:80,默认情况下是可以省略的)2.目的保证用户信息的安全,防止恶意的网站窃取数据3.限制范围1.Cookie、LocalStorage 和 IndexDB 无法读取2.DOM 无法获得3.AJAX 请求不能发送跨域产生产生跨域的原因就是不同源的请求违反了浏览器里的同源政策vue跨域代理详解解决跨域的方法是非常多的,像jsonp,cors,nod原创 2020-07-10 14:58:21 · 255 阅读 · 0 评论 -
一个新鲜的vue+element-ui的简单实战项目出炉了
欢迎来喷!!(手动狗头)ssypp-blog一个简单的pc和移动端的案例移动端显示效果pc端效果展示 背景1.以往的项目同时适配pc端和移动端是分开来单独开发的2.单端类型项目多,要么pc端适配,要么移动端适配3.想要在个人的项目中写一套适配pc和移动端技术选择vue全家桶系列(vue+(axios+qs)+vue-router+vuex)es6的一些写法ui框架-element(主要以栅格系统为主)webpa原创 2020-07-09 16:10:19 · 739 阅读 · 0 评论 -
axios+qs简单实现post请求form-data格式
axios+qs简单实现post请求form-data格式有的时候后台接口以form-data的格式来接收参数,那么默认的写法后台是拿不到参数的,这个时候前端必须得以form-data的格式来传递核心知识1.引入qsnpm install -save qs#or<script src="https://cdn.bootcdn.net/ajax/libs/qs/6.9.4/qs.min.js"></script>qs官网地址2.引入axiosnpm原创 2020-07-04 22:05:03 · 1552 阅读 · 0 评论 -
vue+element-ui实现表格中的删除按钮加载动画
vue+element-ui实现表格中的删除按钮加载动画背景:在同事的项目中有这样的一个要求:就在在表格中的操作栏有一个删除按钮,点击的时候加载loading的动画,加载完毕后loading动画停止。同事开始的时候是全局定义一个isLoading的变量来控制,结果发现每点击一个删除按钮,就会导致所有的按钮加载loading动画。真棒!bug又出现了,琢磨了代码一番,于是有了一下的方案!思路导致bug的原因是因为共用这个全局的变量,既然全局不行,那么我们就可以从每一行来控制1.放弃data原创 2020-07-02 19:39:21 · 1924 阅读 · 0 评论 -
vue实现省市县三级联动,超简单
vue实现省市县三级联动,超简单最近在朋友的项目中碰到用vue实现省市县三级联动的需求,按照我以往的套路来说,基本都是找ui框架里的联级选择器一把梭哈,但是朋友说需要自己实现。好吧,既然朋友都说了要自己实现,那就安排吧!!一、vue实现省市县三级联动(不用插件版)必备条件:1.全国省市县数据(json格式)2.vue基础实现步骤:html部分<div id="app"> <select v-model="sheng" > <option原创 2020-06-30 15:09:16 · 18232 阅读 · 12 评论 -
使用vue+textarea的属性maxlength制作一个文本框字数限制
使用vue加textarea的属性maxlength制作一个文本框字数限制1.body部分<div id="app"> <div class="textAreaBox"> <textarea name="" id="" cols="30" rows="10" maxlength="200" v-model="textareaValue"&g...原创 2020-01-17 11:15:09 · 1942 阅读 · 0 评论 -
Vue认知重启之创建项目
新手请看这里如果你是第一次接触,并且想学习vue,建议你使用以下的方式来引入vue。在你熟悉的目录下创建一个html文件,将以下的代码复制到head标签中即可<!-- 开发环境版本,包含了有帮助的命令行警告 --><script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>或...原创 2018-12-30 19:25:42 · 290 阅读 · 0 评论