2021-06-15

Icon

图像

template

使用 <template> 保留页面加载时隐藏的内容。使用 JavaScript 来显示：

：is

vue 动态组件用于实现在指定位置上，动态加载不同的组件，核心代码为：

<component :is="componentTag"></component>
data() {
    return {
        componentTag: '',
    }
},
componentTag 为自定义的变量，将需要加载的组件名赋值给它，即可在<component />标签出现的位置，渲染该组件。

var

相当于声明全局变量。

let

相当于声明局部变量。

res.data

res.data指服务器返回的内容。 res 参数还有其他的属性，比如statusCode（指开发者服务器返回的 HTTP 状态码），还有header（指开发者服务器返回的 HTTP Res ponse Header）。

$Notice.config

在使用iview 的Message与Notice组件时，可以对提示框的显示位置与显示时长进行配置。

iview提供了两个配置属性。分别是：

• top 提示组件距离顶端的距离，单位像素。
• duration 默认自动关闭的延时，单位秒。

that.$Notice.config({
                  top: 50,
                  duration: 3,
                  title: '通知',
                  desc: '新添书籍成功!'
                })

HTML按钮 设置 靠右

style="float:right"

用js跳转界面

第一种：(跳转到b.html)
<script language="javascript" type="text/javascript">
window.location.href="b.html";
</script>
 
第二种：（返回上一页面）
<script language="javascript">
window.history.back(-1);
</script>
 
第三种：
<script language="javascript">
window.navigate("b.html");
</script>
 
第四种：
<script language="JavaScript">
self.location=’b.html’;
</script>
 
第五种：
<script language="javascript">
top.location=’b.html’;
</script>

 

前后端交互时对应数据名称要完全一致

 

{{}}

可能是显示在页面中要加，在里面做判断时不用，如

<table width="200">
        <tr>
          <th>身份:</th>
          <td v-if="formItem.condi=='0'">读者</td>
          <td v-else-if="formItem.condi=='1'">工作人员</td>
          <td v-else-if="formItem.condi='2'">管理员</td>
        </tr>
        <tr>
          <th>账号:</th>
          <td>{{formItem.account}}</td>
        </tr>
         <tr>
          <th>姓名:</th>
          <td>{{formItem.name}}</td>
        </tr>
        <tr>
          <th>性别:</th>
          <td>{{formItem.sex}}</td>
        </tr>
    </table>