- 博客(7)
- 收藏
- 关注
RSS订阅原创 前端调取接口格式vue
前端调取接口格式今天刚刚接触到如何调取接口，就记录一下。如果有人和我一样，只是需要在页面内调取后端接口，把数据渲染到页面上，就可以向我这样，里面很多的东西都是固定的。当我们需要渲染页面时，常常很多页面的数据是从上个页面拿到的，所以我们需要一个**onLoad()**函数，在加载时候获取数据。具体如下：data(){ return{ friendslist:[], prams:{ id:"" } } },onLoad(option) { co
2021-08-19 15:28:41
300
原创 vue中不同的状态对应不同的样式
vue中不同的状态对应不同的样式在具体的开发中，不同的状态应该对应不同的样式。这里我给大家举个列子，当周末的时候，状态处于放假中；当处于周一时，状态处于上课中。这时候可以利用vue的计算属性来写：computed: { stateConputed(val) { return function(val) { let returnData = this.stateList.filter(item => { return item.state === val;
2021-08-16 14:40:39
1143
原创 JavaScript中三元表达式的运用
JavaScript中三元表达式的运用在实际的应用场景中，每个数组的每个字段中不是都有值的，当它没有值的时候，我们要进行页面渲染时，最好统一方式，这样体验效果最好。当list数组中name为空的时候，可以显示未知；当list数组中age为空的时候，可以显示不详；当list数组中hobby为空的时候，可以显示暂无。这里用三元表达式来进行展示，代码如下：<template> <view class="content"> <view class="nav" v-fo
2021-08-13 14:50:56
296
原创 v-show的使用隐藏与显现
v-show的使用隐藏与显现这里用数组的方式展示，如果数组中判断的那个字段为空，即不展示，如果字段里有东西就渲染页面。具体的见下列代码：通过数组中name字段的内容来判断是否要显示。<template> <view class="content"> <view class="nav" v-show="item.name" v-for="(item,index) in list" :key="index"> {{item.name}}{{item.age}
2021-08-13 09:47:05
632
原创 HTML+CSS实现滚动效果加隐藏滚动条
HTML+CSS实现滚动效果加隐藏滚动条有的时候为了体验效果好，一个区域中显示的内容有限，这时候可以把多余内容隐藏进行滚动显示，为了效果好把滚动条进行隐藏。我们需要一个父元素和子元素：父元素设置宽和overflow:hidden; width: 100%; overflow:hidden;子元素设置的宽要比父元素宽 width:calc(100% + 15rpx); padding-right:15rpx; overflow-y:scroll;
2021-08-11 15:59:41
253
原创 悬浮固定位置按钮和Gap 间隔槽的使用
悬浮固定位置按钮和Gap 间隔槽的使用悬浮固定位置按钮<template> <view class="content"> <view class="nav" v-for="(item, index) in list" :key="index"> <text> {{item.name}} </text> </view> <view class="bttn"> <button
2021-08-11 14:37:44
972
原创 border-color显示梯形、等腰三角形、直角三角形
border-color显示梯形、等腰三角形、直角三角形<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <style type="text/css"> /* 梯形CSS */ .demo { width: 100px; height: 100px; border: 100px so
2021-08-11 10:13:53
114
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人