文章列表

# <noscript><noscript> 元素，用以在不支持 JavaScript 的浏览器中显示替代的内容，这个元素可以包含能够出现在文档 < body > 中的任何 HTML 元素 ——<script > 元素除外，包含在 < noscript > 元素中的内容只有在下列情况下才会显示出来：1. 浏览器不支持脚本2. 浏览器支持脚本，但脚本被禁用# 简单数据有 5...

实现效果：点击这一行的任何一个位置都开展开子集。element 实例效果：点击图标展开这一行。<el-table :data="tableData" style="width: 100%;margin-bottom: 20px;" row-key="id" border default-expand-all :tree-props="{children: 'children', hasChildren:...

MessageBox 的取消和右上角的关闭按钮，做区分，分别做不同事件处理。如图驳回需要请求接口，通过也需要调用接口，点击右上角的关闭按钮是关闭弹窗。官网示例open() { this.$confirm('此操作将永久删除该文件, 是否继续?', '提示', { confirmButtonText: '确定', cancelButtonText: '取消', type: 'warning' }).then(() => {...

element ui 的表格带勾选功能，编辑页面需要回显勾选的行数。页面的 table 表格代码：<el-form-item label="字段"> <el-table ref="multipleTable" :data="tableData" tooltip-effect="dark" style="width: 100%" @selection-change="handleSelectionChange"...

采用 element ui 的表格验证规则，输入框输入小数点，验证小数点的位数（限制输入两位）和是否正确输入<el-form-item label="训练集比例" prop="trainingRate"> <el-input v-model="ruleForm.trainingRate"...

vuex 的基本配置，建一个 store 文件，index.js 文件中import Vue from 'vue'import Vuex from 'vuex'Vue.use(Vuex)// 准备 actions 用于响应组件中的动作const actions = {}// 准备 mutations 用于操作数据（state）const mutations = {}// 准备 state 用于存储数据const state = {}// export...

准备子组件，动态配置子组件数据<template> <div id="app"> <student name="小明" age="15"></student> </div></template><script> import student from './components/student.vue' export default { name:...

控制台报错，使用 element-ui，el-table 在 template 中判断数组长度出错，<el-table-column prop="forecastLogVos" label="最近预测表"> <template slot-scope="scope"> <div> {{ scope.row.forecastLogVos.length != 0 ?...

添加两个 ref 属性，点击输出，控制台输出：this.$refs 是所有配置了 ref 属性的集合。单独输出 button 的 ref，查看控制台输出了 dom 结构。将 ref 属性添加到组件上，查看输出。第一个 this 是 school 的组件实例对象，this.$refs.student 拿到的是 student 的组件实例对象。总结ref 属性：被用来给元素或子组件注册引用信息（id 的替代者）应用在 html 标签上获取的是真实 DOM 元素，应用在组件标签上是组件实例对象