vue
一蓑烟雨..
竹杖芒鞋轻胜马,一蓑烟雨任平生
展开
-
修改el-pagination总计、跳转等默认文字
修改element-plus分页器自带的total、跳转等默认文字。原创 2022-11-02 14:10:12 · 4205 阅读 · 3 评论 -
element-ui中autocomplete的使用(vue3)
1. 效果展示:2. 代码:html部分:<el-autocomplete v-model.trim="state.groupName" :fetch-suggestions="querySearchGroup" :clearable="true" placeholder="请输入" :trigger-on-focus="false" @select="handleGroup" >ts部分: let state = reacti原创 2022-05-05 16:04:50 · 2378 阅读 · 1 评论 -
vue中枚举的使用方法
涉及的场景:根据后端返回的字段匹配相应的文字,进行页面展示1. 建一个js文件如:common.jsconst enums = {roles: { DISPATCH: '运输调度', ADMINISTRATOR: '管理人员', LEADER: '队长' }, // 定位类型 locationType: { GPS: 'GPS定位', STATION: '基站定位', WIFI: 'WIFI定位', NONE: '未定位' }.原创 2022-04-22 11:30:14 · 12152 阅读 · 8 评论 -
ajax/ 回调函数(回调地狱)
AJAX 是与服务器交换数据的技术,它在不重载全部页面的情况下,实现了对部分网页的更新。ps: 需要引入jQuery库ajax 写法:$.ajax({ url: 'http://192.168.XX.XXX:9999/path1', //接口地址 method: 'get', //请求方式 data:{ username: 'wang', password: '原创 2021-07-13 08:55:03 · 3641 阅读 · 0 评论 -
(5)vue 过滤器、计算属性、watch
过滤器:Filter过滤器就是一个数据经过了这个过滤之后出来另一样东西,可以是从中取得你想要的,或者给那个数据添加点什么装饰,那么过滤器则是过滤的工具。例如,从[‘abc’,‘abd’,‘ade’]数组中取得包含‘ab’的值,那么可通过过滤器筛选出来‘abc’和‘abd’;把‘Hello’变成‘Hello World’,那么可用过滤器给值‘Hello’后面添加上‘ World’;或者把时间节点改为时间戳等等都可以使用过滤器。* 局部过滤器filters: { filter2 (value) .原创 2021-07-12 16:41:16 · 305 阅读 · 0 评论 -
(4) vue methods
vue 如何定义一个方法:methods: { fun: function () {} fun () {}}在methods中不能使用箭头函数,因为箭头函数的this指向的是父级,不能取到Vue实例对象例子:<div id="box"> </div>var Page = { template:` <div @click="fun()"> 1212 .原创 2021-06-24 15:55:26 · 285 阅读 · 0 评论 -
在Vscode 中创建一个vue新项目
command + j打开终端打开相应的文件夹(默认已经下载好Vue)输入vue create vue-project,其中vue-project为项目文件名选择Manually select features:自己配置项目需求Choose a version of Vue.js that you want to start the project with :2.xUse history mode for router? (Requires proper server setup for in.原创 2021-06-24 10:14:13 · 501 阅读 · 0 评论 -
vue input输入框模糊查询
Vue 模糊查询功能原理:原生js的search() 方法,用于检索字符串中指定的子字符串,或检索与正则表达式相匹配的子字符串。如果没有找到任 何匹配的子串,则返回 -1。<template> <div> <input type="text" placeholder="请输入..." v-model="searchVal"> <ul> <li v-for="(item,index) in NewItems" :key="index" :v原创 2021-05-30 14:56:34 · 1157 阅读 · 0 评论 -
vue框架目录
做一个目录,方便自己学习查询笔记每次引用vue:<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>vue 入门:简单语法好用的相关网站:脚本之家vue官方教程原创 2021-05-07 09:36:39 · 90 阅读 · 1 评论 -
(3)vue (v-命令)
1. v-modelVue 提供 v-model 指令,它能轻松实现表单输入和应用状态之间的双向绑定。<div id='app'> <input type="text" v-model='inputValue'> <h1> {{ inputValue}}</h1> </div> <script> var vm = new Vue({ el : "#app", d原创 2020-09-21 19:37:19 · 176 阅读 · 0 评论 -
(2)vue.js模版语法和条件语句、循环语句
1.模版语法引入vue包<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js" type="text/javascript"></script>生成Vue实例var vm = new Vue({})实例: <div id="app"> {{ message }} </div> <script>原创 2020-09-21 14:53:33 · 100 阅读 · 0 评论 -
(1)前端三大主流框架
1.AngularAngular可以算得上Web前端三大主流框架中最完整的框架,它包含模板、数据双向绑定、路由、模块化、服务、过滤器、依赖注入等所有功能。Angular缺点:虽然双向数据流很方便,但是等业务复杂之后,可能就搞不清楚数据流了。2.ReactReact是一个开源的JavaScript库,由Facebook和一个大型开发者社区共同维护。3.VueVue框架的最大优势就是简单易上手,同时它也是目前Web前端开发的最常使用的主流框架。Vue是一套用于构建用户界面的 渐进式 js原创 2020-09-21 13:55:43 · 788 阅读 · 0 评论