VUE
Riqk_Qin
The important thing in life is to have a great aimand the determination to attain it.
展开
-
vue模板语法
vue模板语法原创 2022-10-20 22:58:53 · 186 阅读 · 0 评论 -
vue开发前的入门准备
vue开发前的入门准备原创 2022-10-20 21:53:26 · 192 阅读 · 0 评论 -
VUE语法指令
# vuedemo## Project setup```yarn install```### Compiles and hot-reloads for development```yarn serve```### Compiles and minifies for production```yarn build```# Vue的目录结构 src:源码目录 babel.config# {{ message }}消息提示 <div>{.原创 2022-04-07 14:33:05 · 779 阅读 · 0 评论 -
JwChat:一款基于Vue的极简聊天框组件
简洁至上以最少的代码实现最想要的功能。效率 Efficiency简化流程:设计简洁直观的操作流程; 清晰明确:语言表达清晰且表意明确,让用户快速理解进而作出决策; 帮助用户识别:界面简单直白,让用户快速识别而非回忆,减少用户记忆负担。#可控 Controllability用户决策:根据场景可给予用户操作建议或安全提示,但不能代替用户进行决策; 结果可控:用户可以自由的进行操作,包括撤销、回退和终止当前操作等。快速安装# 使用yarn安装。yarn add jw...转载 2022-04-06 09:46:26 · 5014 阅读 · 0 评论 -
Vue+Element-UI Table表头排序
Vue代码<el-table v-loading="loading" :data="standardList" @sort-change='sortChange'> <el-table-column label="序号" prop="id" width="80" sortable='custom'/></el-table>在<el-table @sort-change=‘sortChange’> 需要加上@sort-change=‘s原创 2022-04-04 14:41:49 · 2142 阅读 · 0 评论 -
vue el-table实现列表手动排序
需要实现的效果:点击上、下图标实现列表项的排序<view v-for="(sort, i) in sortList" :key="i" > <view>{{i+1}}.{{sort.maintenanceContent}}</view> <view> <!--第一项不显示up图标--> <view v-if="i!=0" @click="sortUp(i)"> <image src="up.原创 2022-04-04 14:36:53 · 1968 阅读 · 0 评论 -
vue中使用element ui中的Table实现对全部数据进行排序
vue中使用element ui中的Table实现对全部数据进行排序:一般情况下,对全部数据进行排序,是需要从后台获取的,但是有时候也会在前端对全部数据排序。实现思路:首先有两个数组showedData 和tableData。showedData用来放当前页的数据,tableData用来放所有数据。为表格绑定@sort-change事件,当点击表头的排序icon时,调用sort_change方法,该方法内部调用的sortFun方法可以为tableData进行排序,showedData显示排好序的前四原创 2022-04-04 14:32:37 · 6778 阅读 · 3 评论 -
vue elementUI 实现el-table 表头筛选排序功能
表头筛选、排序功能: 可以做前端筛选,排序,(存在问题,前端无法对所有数据进行筛选或者排序,只能对当页数据。 所以前端做这种处理只适用于数据量少,无分页情况或者前端一次拿到了所有数据自己分页的情况) 调用后端接口进行筛选,或者排序,好处是能对全部数据进行筛选或者排序 筛选功能排序的表头筛选器代码 :绑定:filter-method="filterHandler"代表筛选条件变化时 <el-table-column prop="..原创 2022-04-04 12:00:43 · 7572 阅读 · 2 评论 -
Vue实现element-ui弹框可以拖拽
效果图:1、utils文件夹下创建dialog.js文件import Vue from 'vue'// v-dialogDrag: 弹窗拖拽Vue.directive('dialogDrag', { bind(el, binding, vnode, oldVnode) { const dialogHeaderEl = el.querySelector('.el-dialog__header') const dragDom = el.querySelector('.e...原创 2022-03-31 22:36:47 · 1408 阅读 · 4 评论 -
解决Web server failed to start. Port 8080 was already in use.
问题描述:Description:Web server failed to start. Port 8080 was already in use.Action:Identify and stop the process that's listening on port 8080 or configure this application to listen on another port.方法1:关掉占用8080端口的进程键盘输入(win+r),接着在运行对话框中输入“cmd”,进原创 2022-03-29 09:09:19 · 44140 阅读 · 6 评论 -
Component template should contain exactly one root element
在vue中报错:Component template should contain exactly one root element. If you are using v-if on multiple elements, use v-else-if to chain them instead报错的大致意思是:组件的模板<template>应该只能包含一个根元素,也就是是说作为元素<template>的直系儿子的元素只能有一个。报错的goods.vue中的<temp.原创 2022-03-24 21:49:10 · 20189 阅读 · 2 评论 -
漂亮的前端框架收藏
http://www.bootstrapmb.com/muban/houtai?page=3 下载地址http://www.bootstrapmb.com/item/9481/previewhttp://v.bootstrapmb.com/2021/1/rud8a9481/demo1/src/html/index.htmlhttp://v.bootstrapmb.com/2021/1/rud8a9481/demo2/src/html/index.htmlhttp://v.bo...原创 2021-06-28 19:00:37 · 399 阅读 · 0 评论