前端
前端相关技术分享
谷隐凡二
谷隐.凡二
展开
-
eslint检查报No files matching the pattern “./“ were found.异常
此时如果需要忽略这个错误,则后面加上 --no-error-on-unmatched-pattern即可。或者需要保证目标./路径下面存在eslint可以检查到的文件.js&.ts等。通过eslint进行前端代码规范检测。原创 2022-08-15 16:21:48 · 6409 阅读 · 0 评论 -
eslint的命令行使用
eslint无法加载文件C\Users\Administrator\AppData\Roaming\npm\eslint.ps1。1、通过npm安装全局的eslint。之后再vscode输入。原创 2022-07-16 22:48:30 · 1041 阅读 · 0 评论 -
Vue删除表格数据-调用逻辑
1、对于表格获取单行数据的id,这一步是关键:elementui中,scope默认获取整个表格的数据,scope.row对应那一行要操作的使用的数据,再选择具体字段进行处理<template slot-scope="scope"><el-button type="text" size="default" @click="deleteUser(scope.row.userid)">删除</el-button></template>2、对于原创 2022-02-10 10:11:17 · 2890 阅读 · 0 评论 -
Vue+laravel模糊查询
1、vue双向绑定,获取输入框数据input输入框中,添加属性v-model="searchName",此处我还使用了V-IF来进行条件判断,如果输入的内容为空,则直接调用获取全部信息接口,如果输入有值,则调用对应模糊查询接口在数据调用时引用此处的值,传给后端,调用后端接口:2、laravel模糊查询路由配置,此处在路由中添加接收参数的{name}:在调用controller时,默认会将此参数传给函数第一个入参:之后再进行实际调用数据库的模糊查询DB::tab..原创 2022-02-10 10:07:55 · 1297 阅读 · 0 评论 -
vue导航使用及页面布局样例
1、导航栏路由使用router属性必须要加上,才能使用vue本身的路由:如果要使用data中传入的值,则在el-menu-item中index属性的使用就变成:index的写法,如果直接使用index,则是无法使用data中的值如果不用data中的值而直接固定写的话,就是属性写法,直接把:干掉,index自带属性来写2、在Vue中进行分层布局1、首先先把局布准备工作布置好,先有个型:2、之后引入要布置的局面的页面,在对应的位置进行摆放<index&...原创 2022-02-10 09:51:40 · 2767 阅读 · 0 评论 -
vue调用后端接口样例
1、vue调用后端接口,并展示在前端列表中前端列表中需要的数据为tableData:此处访问后端接口获取此处的数据前提构造tableData数据,次数据结构为数组:从后端获取到数据后,要进行多个数据遍历的话,则使用foreach进行数据的遍历,及通过push方法传入tableData中data.forEach(element=>{this.tableData.push({...原创 2022-02-10 09:35:58 · 12954 阅读 · 5 评论 -
vue2.0跨域问题
1、在main.js里面,Vue.prototype.$axios = axios之后加入下面两段代码axios.defaults.baseURL = '/api';axios.defaults.headers.post['Content-Type'] = 'application/json';2、在index.js中proxyTable里面增加target里面增加要跨域的url'/api':{target: "http://local.laravel8.cn",change原创 2022-02-09 16:03:29 · 592 阅读 · 0 评论 -
Vue中axios及element-ui使用
1、VUE调用后端接口并展示有有npm,之后对于整个项目的安装工作变得容易,只需要下载工具包,导入,引用,三步骤即可:今天的主题是他axiosnpm install axios --save一般通用的包都直接引入在main.js中之后的套路就是引用,之后找一个页面直接引用,引用的样子如下,人家结构就长这样,class引用下面的js,click调用方法,一连串操作2、Vue中ElementUI的使用也就是上一张图中的button不是vue原生的此处就需要又用到npm原创 2022-02-09 15:46:19 · 537 阅读 · 0 评论 -
vue初始安装及项目初启动
1、Vue安装1、vue可以通过npm下载生成项目,此处所以首先安装的是nodejs,这里的关系就是npm是nodejs里面的一个小弟,所以此处依赖nodejsnpm install vuenpm install vue-cli --vue脚手架npm install --global webpack --打包新建项目vue init webpack a-project运行项目npm run dev运行执行的是dev里面的配置进行构建运行,此处会在占用一个本地端口,直原创 2022-02-09 11:26:08 · 2742 阅读 · 0 评论