随笔分类 - 前端 / Vue
摘要：1. 安装 vetur 和 vue-helper 两个插件2. 打开设置 --> 扩展 --> vue helper, 然后在右边找到在 settings.json 中编辑，点击，添加或修改下面的配置： "vue-helper.alias": { "@": "src" }, "vue-helper.
阅读全文
摘要：方式一 1.将bootstrap.min.css放入src下assets目录 2.app组件中引入样式 import '@/assets/bootstrap.min.css' 如果使用import引入，会严格检查，当字体文件不存在时，会报错 方式二 1.将第三方样式放入目录：public/css目录
阅读全文
摘要：安装JQuery npm install --save jquery 安装 layui npm install --save layui将 layui 的静态资源文件夹（layui）复制到 Vue 项目的 public 目录下。 在 Vue 项目的根目录下，public 文件夹是用来放置不需要被 W
阅读全文
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>localStor
阅读全文
摘要：<template> <div class="item"> <span> <input type="checkbox" :checked="obj.done" @click="handleCheck(obj.id)"> </span> <span> {{obj.name}} </span> <spa
阅读全文
摘要：https://www.yuque.com/cessstudy/kak11d
阅读全文
摘要：后端返回的json数据 { "data":{ "sysList":[{"system":"app1","ip":"21.68.25.90"},{"system":"app2","ip":"21.68.25.227"}] } } vue methods:{ axios.get("test").then
阅读全文
摘要：添加css样式 .content{ white-space: pre-wrap; }
阅读全文
摘要：1. 将data恢复到初始状态 Object.assign(this.$data, this.$options.data()) // 初始化data 2. 重新渲染组件 方法一：v-if（可以重置生命周期） 虽然能实现重新渲染，但不推荐首选 方法二：给组件加key值【推荐】 通过修改key的值，就会
阅读全文
摘要：在vue中，很多时候需要实时了解数据的变化执行相应的操作，通过watch监听能实现相应需求。 <div> <p>inputOne: <input type="text" v-model="value1"></p> <p>inputTwo: <input type="text" v-model="va
阅读全文
摘要：HTML部分 <el-form ref="form" :model="form" label-width="82px"> <el-form-item label="选择媒体："> <el-select v-model="value" placeholder="请选择媒体"> <el-option v
阅读全文
摘要：options就是要定义的数组对象,先进行for循环,然后对对象参数进行赋值personQueryList(this.paramType).then(res => { for (let i = 0; i < res.records.length; i++) { this.options[i] = {
阅读全文
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>vue实时显示当前时间显示</title> <link rel="stylesheet" href="../css/reset.css"> <script sr
阅读全文
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="style
阅读全文
摘要：import com.alibaba.fastjson.JSON; import org.springframework.beans.factory.annotation.Autowired; import org.springframework.web.bind.annotation.Reques
阅读全文
摘要：<!DOCTYPE html> <html lang="en" > <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <div id="app"> <todo> <todo-title slot="todo-title
阅读全文
摘要：<!DOCTYPE html> <html lang="en" > <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <div id="app"> <p>currentTime1：{{currentTime1()}}<
阅读全文
摘要：data.json { "name": "java", "url": "http://www.baidu.com", "page": 1, "isNonProfit": true, "address": { "street": "凯宾路", "city": "上海", "country": "中国"
阅读全文
摘要：<!DOCTYPE html> <html lang="en" > <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <div id="app"> <!--组件：传递给组件的值：props--> <xt v-for="
阅读全文
