vue

首先，在标签中动态绑定disabled属性 <el-menu-item :disabled="disable">用户管理</el-menu-item> 然后在Vue的data中设置disable属性 data:{disable:''} 如果是想在通过点击按钮的方式实现动态禁用的话就这样做： <button @click="fobidden">点击切换</b…

一、安装Nodejs服务器 等价于我们java端的Tomcat服务器， 运行前端项目 https://nodejs.org/en/download/ 安装步骤省略----[ 注意:不要安装到中文目录下 ] 验证是否安装成功: 如图所示就是成功了 二、安装Npm 我们之前在vue网页中要想使用elementui 或者 axios 我们需要在网页中引入上面的插件 安装需要的依赖以及插件------ 等…

使用Webpack进行项目打包，容易出现引用资源路径错误问题。总结一下 一、webpack打包指令 npm run build 二、webpack打包后生成dist文件,将dist文件夹中的文件，放在 服务器 上 1、如果页面空白，报错资源的引用路径不对 解决：找到 config > index.js build: { index: path.resolve(__dirname, '../d…

一、组件复用（详细讲解） 配置项：props（让组件接受外部传来的数据） app.vue: <StudentLqj name="李四" sex="女" age="20"></StudentLqj> <StudentLqj name="张三" sex="男" age="20"></StudentLqj> 通过在app.vue里面复制多个子组件来实现相同…

本节：我经常遇到的vue报错。 前台页面报错“Invalid prop: type check failed for prop “ model ”. Expected Object, got Array ” 错误是：期望对象，得到的是数组 解决办法：把定义的变量，[ ]变成  { }，就可以了。 2.还有就是明明定义的方法，可是却找不到方法，这时候，你就得看你的methods到底放在了哪里，位置是…

1. 写在methods里, :style动态绑定方法返回的属性 <div> <span class="res" v-for="(data, index) in data" :key="index"> <!-- 当传不同的值时会渲染出不同颜色的方块 --> <span :style="giveColor(data)"> {{index + 1}} &…

可以使用Vue的计算属性来计算上课时间和下课时间之间的差值。这需要将上课时间和下课时间绑定到两个不同的表单输入中，然后使用计算属性将它们作为Date对象解析，并计算出它们之间的时间差 以下是一个例子 <template> <div> <el-form :model="form"> <el-form-item label="上课时间"> <el-…

目录 一 点睛 二 vue动态改变样式 1 代码 2 效果 三 通过 computed 改变样式 1 代码 2 效果 四 通过双向绑定改变样式 1 代码 2 效果 五 多个样式的组合 1 代码 2 效果 六 在内嵌的css样式中指定 style 属性的值 1 代码 2 效果 七 用 computed 设置样式 1 代码 2 效果 八 设置 style 属性的多个样式的组合（数组） 1 代码 2 效…

一、长连接 1. 前端代码 <template> <div> <button @click="initSocket">建立websocket连接</button> <el-input v-model="types"> </el-input> <button @click="sendmessage()">点击发送消息…

注意点： 1. <el-table> 中 加:summary-method="getSummaries" 2.  <el-table-column> 中要加 prop // 房间号的合计去掉 getSummaries (param) { const { columns, data } = param const sums = [] columns.forEach((colu…