目的是展示进度条:

1
2

<input type="file" @change="upload_qiniu">
<Progress :percent="load_int" color="green"></Progress>

Vue一次发送给后台多个文件，其实很简单:

在data里定义一个变量，然后给该变量赋值 new FormData();

使用vue实现画中画(小窗口播放)的功能

html页面代码:

1
2

<video src="http://q9ktbyjw1.bkt.clouddn.com/DARK%20SOULS%20III%202019_4_28%2011_16_57.mp4" id='video' width="100px" height='100px' controls="controls" autoplay='autoplay' muted loop='loop'>您的浏览器不支持video标签</video>
<button @click="into">{{mymsg}}</button>

先来看一下后台的代码:

这里所说的国际化，是根据访问者的浏览器语言来更改页面语言。

首先，需要导入一个插件:

1

npm install vue-i18n --save

这里说的关键字查询，是要实现输入 fire water这两个词，然后后台将这两个词进行模糊查询。

Vue部分，用户在搜索框输入需要查询的内容后，前端将用户输入的内容进行判断，如果有空格，那么根据空格将字符串分开；如果没有空格，那么无需分开。

1
2
3
4
5
6
7
8
9

// indexOF方法找到目标返回1，找不到目标返回-1, text是用户输入的数据
if(this.text.indexOf(' ') !== -1){
    // 将数据分开, 此方法返回的是一个对象而不是列表
        this.text = this.text.split(' ')
    // 将数据转化，转化之后数据形如:["1", "2"]
        this.text = JSON.stringify(this.text)
      }
// 获取后台数据
      this.get_goods();

前端的处理就这么简单，那么到后台了:

首先，获取参数:

网页切换白天黑夜模式，其实就是对一个变量进操作，举个栗子: 默认值是false, 进行判断，如果是false的话那么指定元素的颜色为白天的颜色，如果为true那么指定元素的颜色为黑夜的颜色。

那么为了方便理解，下面就上代码

首先先建一张表，该表拥有四个字段，其中有三个整型字段: id, gid(商品id), uid(用户id)。有一个字符串变量: content，用来存储评论。

那么首先

Vue代码:

页面代码(其中input框并不需要):

1
2
3
4

<div id='upload'>
    拖拽上传
    <input type="file" @change='yp_upload'>
</div>