vue中的@input事件

  • Post author:
  • Post category:vue

@input(或者是v-on:input) <input type="text" placeholder="通过乘车人/订单号查询" v-model="inputVal" v-on:input="search" value="" /> 适用于实时查询,只要输入框里面的value值发生变化,如每输入一个字符都会触发该事件。如图: 版权声明:本文为qq_31749421原创文章,遵循 CC…

继续阅读 vue中的@input事件

Vue2前端路由(vue-router的使用)

  • Post author:
  • Post category:vue

一、vue2+axios+Express+MySQL实现前后端交互 1、后台: (1)确定MySQL的表格:明确数据库 (mvc) —- 数据表(ssm_book) (2)创建Express项目:mysql2、cors、Sequelize(ORM)、nodemon (3)dao层(model、连接数据库、crud操作) (4)service层(调用dao层) (5)接口层(接口地址与service…

继续阅读 Vue2前端路由(vue-router的使用)

解决Vue报错(一)【早看早受益】

  • Post author:
  • Post category:vue

前言: 四月是风。这是在春天了涨了绮丽翅膀的风,带来的不单单是吹醒梦帘的风铃作响,还有满园关不住的一端香,任意她的长发秀丝舞出季节里所有的温柔。这温柔似酒,只需一杯,醉生梦死;这秀发似三千尺银河垂落,清泉音乐照玉容。任你飘一叶扁舟,也能满载幸福而归! 问题翻译: 大致意思是prop期待传入的是布尔值,而你传入的是字符串 解决思路: 首先根据提示的vue文件里去查询提示的readonly字段 然后通…

继续阅读 解决Vue报错(一)【早看早受益】

vue-quill-editor富文本编辑器使用

  • Post author:
  • Post category:vue

vue-quill-editor富文本编辑器使用 1、下载依赖 npm i vue-quill-editor --S 必须搭配使用 npm i @vueup/vue-quill --S (亲测有效) 此处使用版本: "@vueup/vue-quill": "^1.0.0-alpha.40", 、 "vue-quill-editor": "^3.0.6", 2、引入: import { QuillE…

继续阅读 vue-quill-editor富文本编辑器使用

vue实现文字滚动效果

  • Post author:
  • Post category:vue

这段时间遇到一个需求, 从后端获取到很多人的名字 需要横向滚动轮播这些名字, 就像商铺门口的电子横幅一样 查了很多的插件 也没有找到自己想要的感觉 于是准备自己写一个通用的组件 创建一个 my-marquee.vue 文件 <template> <div class="wrap"> <div ref="box" class="box"> <div ref=…

继续阅读 vue实现文字滚动效果

vue路由登录拦截(vue router登录权限控制)

  • Post author:
  • Post category:vue

实现原理: /:指向组件App.vue,它是最外层组件,下面的/login和/main对应的组件都会包含在其中; /login:指向登录组件Login.vue; /main:指向登录后组件Main.vue,其下会包括很多子组件来展示不同菜单项。 用户有没有登录需要给其指定状态(用islogin表示),当用户登录了,我们用localStorage在Login.vue文件中为其状态设定为1: meth…

继续阅读 vue路由登录拦截(vue router登录权限控制)

创建完vue项目后,添加两个配置文件

  • Post author:
  • Post category:vue

额外增加两个配置文件(项目的根下面): jsconfig.json { "compilerOptions": { "baseUrl": ".", "paths": { "@/*": ["./src/*"], } }, "exclude": ["node_modules", "dist"] } 当我们使用路径别名@的时候可以提示路径。 .eslintignore /dist /src/vender …

继续阅读 创建完vue项目后,添加两个配置文件

vue发送请求报错413

  • Post author:
  • Post category:vue

项目场景: vue发送post请求报错413 问题描述: 附上图片: 原因分析: post请求体太大。有可能是封装请求不对 解决方案: 1.查看封装该接口的方法, 原来的写法 export function getlist(data) { return request({ url: '/api/admin/userList', method: 'post', params:data // para…

继续阅读 vue发送请求报错413

WebSocket vue连接、客户端主动关闭实例

  • Post author:
  • Post category:vue

WebSocket vue连接、客户端主动关闭实例 https://blog.csdn.net/WK313753744/article/details/56007028 https://blog.csdn.net/ll666634/article/details/79028930 用vue-cli搭建的项目 在common下新建个js文件内容如下: export function initWebp…

继续阅读 WebSocket vue连接、客户端主动关闭实例