vue技术总结
文章平均质量分 67
叫我福建
所有的游戏,或者其它,叫我福建就是我叫福建
展开
-
TP5后端,VUE前端请求京东万象菜谱大全
写这个代码的收获:1: http 请求 https 有一个证书验证(我这里给它关了,接口的数据就进来了)2: 对后端的一些参数过滤(给默认值, 或者直接拒绝服务)代码演示效果:1: 前端VUE布局代码:<template> <!-- 1: 先把单个菜品写死,以便查看渲染后的效果 2: 再把菜单的列表渲染出来 3: 添加 查询 【 菜谱搜索, , 】 (【菜谱分类,直接写到vue json 里面,省得数据多) --原创 2022-01-21 17:12:50 · 932 阅读 · 0 评论 -
vue v-for动态循环select,并取其中的值,和值的分类
问题:写 vue , for 循环的时候,遇到需要循环 select ,并进行取值先上代码:1: json 代码:2: vue 代码:<div class="effectCategory"> <div v-for="(e, index) in effectArr" :key="index"> <el-select v-model="effectChoose" :placeholde原创 2022-01-19 10:44:51 · 4733 阅读 · 4 评论 -
TP5后端,VUE前端请求聚合数据成语大全
PS: 聚合接口上描述的是成语大全,其实只是以用户查找字为开头的成语而已。先上演示效果:1: VUE 前端代码<template> <div class="content"> <!-- 请求地址:http://apis.juhe.cn/idiomJie/query 请求参数:wd=%E9%80%BC&size=&is_rand=1&key=b1bcc301******24cdb原创 2022-01-15 17:05:37 · 532 阅读 · 0 评论 -
vue axios 请求发生了如下错误 at createError (createError.js?16d0:16), 但是直接访问TP5接口没有问题
问题描述:在TP5 + vue 的时候,发生了下面这种错误vue axios 请求发生了如下错误 at createError (createError.js?16d0:16)但是 TP5 接口直接访问是没有问题的解决:vue 端进行重启即可请求到数据了原创 2022-01-15 16:29:47 · 1400 阅读 · 0 评论 -
TP5后端,VUE前端请求聚合数据过去的今天
先上效果:1: 前端 vue 文件:<template> <!-- 接口地址 http://v.juhe.cn/todayOnhistory/queryEvent.php 参数名 类型 是否必填 说明 值 date string 是 日期,格式:月/日 如:1/1原创 2022-01-14 14:00:39 · 494 阅读 · 0 评论 -
vue 里面的setTimeout 延迟函数方法没有生效
问题描述:自己在 vue 里面写了一个延迟函数,但是没有生效,如下问题解决:直接上代码:disableBtn: function () { this.queryCheck = false},submitDate: function () { // 提交日期 console.log(this.monthNmb) console.log(this.dayNmb) this.getData() // 只要重新提交数据,这个方法里面它会重新自己渲染 this.q原创 2022-01-14 11:46:30 · 1493 阅读 · 0 评论 -
vue, js 传递自身DOM元素,并添加class名称
vue, js 传递自身DOM元素,并添加class名称 element.classList.add('yourClass')具体VUE示例如下:1: vue 元素传递了本身<p class="answer" @click.once="chooseFn($event.target)">{{ item.item1 }}</p>2: vue 方法处理该元素,并添加 class名称chooseFn: function (ele) { ele.classList.add原创 2021-11-24 19:59:30 · 3858 阅读 · 0 评论 -
TP5后端,VUE前端请求聚合数据热门视频接口
先上演示效果:1: VUE 文件<template> <div class="videos-ele" vv-show="normal"> <!-- 1: el-card 绑定点击事件没有用, 所以应该用 @click.native="function(value)" --> <el-card class="items"> <el-row>原创 2021-11-23 20:35:50 · 847 阅读 · 0 评论 -
TP5后端,VUE前端请求聚合数据新闻接口
问题描述:TP5当后端,VUE当前端, 请求聚合数据新闻接口演示效果如下:ps: 最开始加载页面的时候,只加载本地的文件(因为请求次数有限制)问题解决:1: vue 文件:<template> <div class="whether-tank"> <!-- 新闻接口 API 说明 接口地址:http://v.juhe.cn/toutiao/index 返回格式:原创 2021-11-22 16:09:31 · 1431 阅读 · 0 评论 -
TP5后端,VUE前端请求聚合数据天气接口
问题描述:TP5 当后端VUE 当前端请求聚合数据天气接口问题解决:演示效果前端 VUE 代码:<template> <div class="whether-tank"> <!-- 根据城市查询生活指数 http://apis.juhe.cn/simpleWeather/life GET 参数名 类型 是否必填 说明 city string 是 要查询的城原创 2021-11-19 18:27:30 · 1260 阅读 · 0 评论 -
关于vue的安装3.X,2.x和ElementUI的使用
## 4.1: 脚手架的基本用法Vue 脚手架用于快速生成 Vue 项目基础架构npm install -g @vue/cli1:基于 交互式命令行 的方式,创建新版的 vue 项目vue create my-project // 别中文,特殊符号2: 基于 图形化界面 的方式,创建 新版 vue 项目vue ui3: 基于 2.X的旧模板,创建 旧版 vue项目npm install -g @vue/cli-init // 2.X 版本一定要安装这个vue in原创 2021-02-24 10:22:42 · 849 阅读 · 0 评论 -
Webpack初始化配置和几个加载器
webpack 是一个流行的前端项目构建工具(打包工具),可以解决 web 开发中所面临的困境webpack 提供了友好的模块化支持,以及代码压缩混淆,处理 JS 兼容问题,性能优化等强大的功能,从而让程序员把工作重心放到功能实现上,提高开发效率和项目的可维护性1. package.json 文件初始化①: 新建项目空白目录,并运行 npm init -y 命令, 初始化包管理配置文件 package.json②: 新建 src 源代码目录③: 新建 src -> index.html 首页原创 2021-02-22 16:33:50 · 200 阅读 · 0 评论 -
VUE结合Element-UI路由导航例子
<!DOCTYPE html><html lang='en'><head> <meta charset = "UTF-8"> <title>Come on</title> <meta name="viewport" content="width=device-width,initial-scale=1.0" /> <meta http-equiv="X-UA-Compatible" content="ie=原创 2021-02-18 17:41:43 · 245 阅读 · 0 评论 -
基于路由+Element-UI的案例代码
基于路由的案例代码<!DOCTYPE html><html lang='en'><head> <meta charset = "UTF-8"> <title>Come on</title> <meta name="viewport" content="width=device-width,initial-scale=1.0" /> <meta http-equiv="X-UA-Compatible" co原创 2021-02-05 14:20:26 · 98 阅读 · 0 评论 -
vue fetch() get put post delete 方法的使用
fetch() get post put delete1:get 方法:普通参数2:get 方法的 restful 参数3:delete 方法: 普通参数4:delete 方法: restful 风格5:post 方法 : post 方法传参要加下面几句const bodyParser = require(‘body-parser’)app.use(bodyParser.json())app.use(bodyParser.urlencoded({extended: false}))原创 2020-11-24 22:53:29 · 909 阅读 · 0 评论