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

开源企业网站管理系统怎么做一个网站页面

开源企业网站管理系统,怎么做一个网站页面,江苏建设网站酒店装修合同范本,网站开发及维护合同1、这次学习的是上次还未完成好的恶element案例,对列表数据的异步加载,并渲染展示。 ——>axios来发送异步请求 (1) (2)在vue当中安装axios (注意在当前的项目目录,并且安装完之后…

1、这次学习的是上次还未完成好的恶element案例,对列表数据的异步加载,并渲染展示。

——>axios来发送异步请求

(1)

(2)在vue当中安装axios

(注意在当前的项目目录,并且安装完之后再将项目重启一下

(3)这里我用到数据的url地址为:

https://mock.apifox.cn/m1/3128855-0-default/emp/list

2、在当前页面发起异步请求(还要记得导入"import ...")

(1)导入(import)放在标签<script>中

3、什么时候需要通过axios发送异步请求,然后加载数据?

  • 这里就要特别注意vue当中的钩子方法,在里面发送请求。
  • 在Vue.js中,钩子方法(也称为生命周期钩子或生命周期事件)是Vue实例在创建、更新、销毁等关键时刻自动调用的函数
  • 只要vue对象一创建、挂载完成,然后自动发送请求,加载数据。
  • 所以在methods下面再添加一个平级(定义一个钩子方法)——>mounted(){...}

  • 发送异步请求——>get(" ...url地址... "),后面再跟上一个成功的回调函数,直接输入thenc 就会自动生成成功的回调,并将失败的回调删除

  • 首先返回的数据是:result.data
  • 而我们真正需要的是返回回来的数组
  • 再把返回来的数据赋值给一个数据模型:tableData:[],一旦有数据之后,就会将数据渲染在空的表格当中

  • 成功完成——>效果(但是还要进行转换,比如1:男,2:女)

4、解决——>更换属于性别的一行的展示内容、更换图片展示内容

  • 去element官网查看table组件,找到

  • 找到这段代码,进行复制和修改

  • 首先记得删除原有的" prop="gender" ",因为不能让它展示服务端返回的数字1或者2。
  • 其次“{{}}”通常是在一些模板引擎或框架中看到的占位符。这种占位符用于在运行时动态地替换为实际的值或内容,就是比如用数据模型中的值替换
  • 这个操作其实就是用到一个插槽语法" slot-scope="scope" "
  • "scope.row"拿到的是后台这一行的数据,加上"scope.row.gender",得到指定性别的字段,再配合三元运算符进行判断。如果1——>男,2——>女


  • 处理图像字段,这里图像展示的是一个url地址,其实我们要展示的是一张图片。也有点类似,所以也需要加上一个插槽。
  • 这里就不用三元运算符,用img标签,然后src动态给地址,记住动态动态??!!

  • 这个时候显示出来的图片太大了,就要给它调宽、高度样式就行了

修改完成后就都有了

5、最后再给左边的侧边栏加上边框即可

http://www.tj-hxxt.cn/news/16388.html

相关文章:

  • 怎么做音乐网站百度网址大全电脑版
  • 靠谱购物网站中国第三波疫情将在9月份
  • 有没有专门做中考卷子的网站网站优化策划书
  • wordpress新浪微博图床插件优化服务公司
  • 十一冶建设集团有限责任公司网站市场调研方法有哪些
  • php语言网站开发公司北京百度资源共享链接分享组
  • 网站建设属于软件开发5000元做百度推广效果怎么样
  • google收录网站最新腾讯新闻
  • 有没有专做自驾游的网站重庆seo排名电话
  • 衡阳退休职工做面膜网站盘古搜索
  • 滁州新手跨境电商建站哪家好推广普通话手抄报
  • 自己做个微信小程序成都seo技术
  • 株洲网站建设公司优化搜索引擎营销
  • 做网站的大公司都有哪些武汉标兵seo
  • 北京南昌网站建设如何在百度发广告推广
  • 汕头建站程序教育培训网站官网
  • 响应式网站建设服务品牌运营推广方案
  • 列表形式网站搜索引擎优化的基本方法
  • 团购机票网站建设刷百度关键词排名
  • 企业建立网站需要什么条件seo外贸公司推广
  • 手机网站 标题长度广东seo推广
  • 古风网站怎么做推广网站有效的免费方法
  • 什么叫网站网站seo标题是什么意思
  • wordpress推广机制seo服务商排名
  • 惠州网站推广互联网营销的五个手段
  • 不会做网站能做网络销售吗网络的推广方式有哪些
  • 建设银行信用卡网站会员注册seocui cn
  • 深圳哪里可以做网站信息流广告公司排名
  • 巴中+网站建设成品网站1688入口网页版怎样
  • 做外贸兼职的网站有哪些河南网站顾问