当前位置: 首页 > news >正文

网站内页设置多少个关键字最好小红书seo优化

网站内页设置多少个关键字最好,小红书seo优化,网易手游排行榜,万网官网登录入口引入 npm install sortablejs --save 按需引入 import Sortable from ‘sortablejs’; 方法一: 1.首先是拖拽完成之后需要重新调用列表的接口 2.el-table里面绑定一个key,在刷新数据的时候取反 方法二: 异步再次执行一次表格数据的赋值&…

引入

npm install sortablejs --save

按需引入

import Sortable from ‘sortablejs’;

方法一:

1.首先是拖拽完成之后需要重新调用列表的接口

在这里插入图片描述

2.el-table里面绑定一个key,在刷新数据的时候取反

在这里插入图片描述

方法二:

异步再次执行一次表格数据的赋值,推荐使用这种,看似呆板,但是易懂!!!

在这里插入图片描述
在这里插入图片描述

注意:

这里排序会调用一个接口,我们不要忽略了接口调用失败的数据处理,不然数据的顺序会改变与后台的数据不一致
在这里插入图片描述

代码

<template><div class="department-manu"><el-tableref="itsmDataTable":data="tableData"stripestyle="width: 100%; font-size: 16px;":row-style="{'font-size':'14px','height':'46px'}"><el-table-column align="center" type="selection" width="50"></el-table-column><el-table-column align="center" type="index" width="70" label="序号"></el-table-column><el-table-column align="center" prop="DEPARTNAME" label="部门名称"></el-table-column><el-table-column align="center" prop="DEPARTDESC" label="部门描述"></el-table-column><el-table-column align="center" prop="TRUENAME" label="创建人"></el-table-column><el-table-column align="center" prop="CRTIME" label="创建时间" width="165"></el-table-column></div>
</template>
<script>
import Sortable from 'sortablejs';
export default {name: 'DepartmentMenu',data() {return {tableData: [], // 部门列表};},created() {this.getTableData();},mounted() {this.rowDrop();},methods: {/*** [getTableData description]获取部门列表** @param   {[type]}  str  [str description]** @return  {[type]}       [return description]*/getTableData(str = '') {if (JSON.stringify(this.$route.query) !== '{}') {this.$axios.get('***********', {params: {***********},}).then((data) => {const msg = data.DATA || data;// 防止拖拽排序抖动const copyData = JSON.parse(JSON.stringify(msg));this.tableData = [];this.$nextTick(() => {this.tableData = copyData;});if (!this.$route.query.parentid || this.$route.query.parentid * 1 === 0) {this.$emit('refresh');}});} else {this.tableData = [];}},/*** [拖动排序]]** @return  {[type]}  [return description]*/rowDrop() {const tbody = document.querySelector('.el-table__body-wrapper tbody');this.sortable = Sortable.create(tbody, {onEnd: evt => { // 拖动结束时触发,我在这里调用接口,改变后台的排序if (evt.oldIndex !== evt.newIndex) {const params = {*******};this.$axios.get('****', { params: params }).then(() => {this.getTableData();}).catch(() => {const copyData = JSON.parse(JSON.stringify(this.tableData));this.TABLE_DATA_GROUP = [];this.$nextTick(() => {this.tableData = copyData;});});}},});},},
};
</script>
http://www.hrbkazy.com/news/24074.html

相关文章:

  • 中国移动官方网站登录入口网站单向外链推广工具
  • 在日本做网站的公司有哪些一个新手怎么去运营淘宝店铺
  • 网站公安备案多久审核宁波网站推广制作
  • vs2017 asp网站开发b站推广网站mmm
  • 股票配资网站建设网站热度查询
  • 响应式网站有什么区别网站更新seo
  • WordPress显示插件苏州seo按天扣费
  • 今科网站建设公司百度云搜索引擎入口 百度网盘
  • 小程序模板源代码广东做seo的公司
  • 河南省城市建设网站搜索引擎排名国内
  • 地区网站建设济南seo顾问
  • 东莞长安网站制作百度推广产品有哪些
  • 拉萨网站建设多少钱软文代发代理
  • 电商平台倒闭seo品牌优化百度资源网站推广关键词排名
  • 网站开发和推广的不同黑马培训
  • 上海做网站的公司排名小广告模板
  • 做网络兼职的网站环球军事新闻最新消息
  • 做淘宝链接的网站潍坊seo推广
  • 设计师找图网站网站推广方案
  • 做网站是什么职位seo是什么职位缩写
  • 泉州网站制作百度新闻首页头条
  • 重庆网站建设网搜科技手机如何建网站
  • 做站长工具网站百度seo怎么提高排名
  • 1做网站苹果cms永久免费建站程序
  • 园区二学一做网站免费seo在线优化
  • 有没有外包活的网站佛山百度快照优化排名
  • 最好看免费观看高清大全大江大河seo营销的概念
  • 济宁做网站的企业新闻摘抄四年级下册
  • 大连哪家做网站比较好新公司做网站多少钱
  • 网站改版收费广州seo公司品牌