随笔分类 - VUE

VUE ELEMENT-UI无法用右上角的“X”关闭，取消按钮可用

摘要：VUE ELEMENT-UI无法用右上角的“X”关闭，取消按钮可用原因：清空方式有问题我定义的要打开的表单： addElementForm: { title: "配置产品要素", dialogFormVisible: false, prod_name: [], prod_code: [], us 阅读全文

posted @ 2023-05-10 11:23 Dinesaw 阅读(566) 评论(0) 推荐(0) 编辑

vue按钮禁用

摘要：一个按钮的动态禁用设置是如此多坑必须要用到prop、data prop来绑定其属性disabled，data是因为prop属性的内容不可改变。 <template> <div> <el-button type="success" size="small" @click="check">龟龟</el 阅读全文

posted @ 2023-04-16 18:47 Dinesaw 阅读(258) 评论(0) 推荐(0) 编辑

动态组件

摘要：动态组件动态组件：动态切换组件的显示与隐藏通过两个按钮，进行Left和Right两个组件的切换通过keep-alive include和exclude进行组件的选择缓存还是不缓存而keep-alive有对应的生命周期activated、deactivated 步骤普通的导入后，再加入组件阅读全文

posted @ 2023-03-28 10:00 Dinesaw 阅读(58) 评论(0) 推荐(0) 编辑

组件之间的数据共享

摘要：组件之间的数据共享: 一、父组件传递给子组件 ①App.vue template 给子组件绑定值 <Left :msg="message" :user="userinfo"></Left> script 声明需要发送的数据 data() { return{ message: "hello，这是来自父阅读全文

posted @ 2023-03-28 09:57 Dinesaw 阅读(60) 评论(0) 推荐(0) 编辑

过滤器

摘要：过滤器filter <!DOCTYPE html> <html lang="en">  <!-- 过滤器是可以连续调用阅读全文

posted @ 2023-03-21 09:36 Dinesaw 阅读(30) 评论(0) 推荐(0) 编辑

计算属性

摘要：计算属性计算属性，定义为“方法”，定义到 computed 节点之下在使用计算属性的时候，当普通的属性使用即可，不需要 “（）” 好处： 1. 实现了代码的复用 2. 只要计算属性中依赖的数据源变化了，则计算属性会自动重新求值！例：设定一个有大小的盒子，修改输入框中的rgb，会使得盒子跟着一起阅读全文

posted @ 2023-03-21 09:30 Dinesaw 阅读(32) 评论(0) 推荐(0) 编辑

监听器watch

摘要：监听器侦听器:用于监听数据变化,然后做事侦听器本质上是一个函数，要监视哪个数据的变化，就把数据名作为方法名即可 watch_name(newVal,oldVal){} 方法格式的侦听器缺点1：无法在刚进入页面的时候，自动触发！！！缺点2：如果侦听的是一个对象Object，如果对象中的阅读全文

posted @ 2023-03-20 09:28 Dinesaw 阅读(34) 评论(0) 推荐(0) 编辑

登入和登出

摘要：有接口 Login.vue登入 template <el-button type="primary" @click="login">登录</el-button> script // 1. 将登录成功之后的 token，保存到客户端的 sessionStorage 中 // 1.1 项目中除了登录之外阅读全文

posted @ 2023-03-18 14:53 Dinesaw 编辑

axios

摘要：axios axios可以局部导入和全局导入首先要下载axios插件全局导入当把axios挂载到mainjs中，就是全局了，在其他的组件中就不需要再导入了 ①main.js 导入axios import axios from 'axios' 全局配置 axios 的请求根路径 axios.de 阅读全文

posted @ 2023-03-18 13:15 Dinesaw 阅读(42) 评论(0) 推荐(0) 编辑

vue-bugs

摘要：vue-bugs error Unexpected trailing comma comma-dangle https://blog.csdn.net/qq_56514785/article/details/117021009 删除最后一个多余的逗号即可，常见于methods结尾处 Trailing 阅读全文

posted @ 2023-03-16 11:54 Dinesaw 阅读(13) 评论(0) 推荐(0) 编辑

使用ref进行DOM元素的索引

摘要：使用ref进行DOM元素的索引假设:在vue中，需要操作DOM了，需要拿到页面上某个DOM元素的引用，此时怎么办? 可快速实现对子组件的data数据和样式的改变。使用ref引用组件实例，使用这个方式从父向子传值方便多了例 ref实现按钮和文本框的按需使用：点击按钮展示文本框、失去焦点时自动展示阅读全文

posted @ 2023-03-15 17:10 Dinesaw 阅读(59) 评论(0) 推荐(0) 编辑

VUE基础：组件CSS样式、props属性

摘要：VUE基础部分组件css样式例子 <style lang="less"> // 这里记得改名，然后给div也加名字 .comName-container { padding: 10 20px 20px; background-color: lightskyblue; min-height: 250 阅读全文

posted @ 2023-03-15 12:11 Dinesaw 阅读(302) 评论(0) 推荐(0) 编辑

组件的使用：全局、私有

摘要：全局组件使用创建@/components/Count.vue，定义其内容 ①main.js 导入 import Count from '@/components/Count.vue' 声明 Vue.component('myCount', Count) //这里的myCount才是在其他组件中能调阅读全文

posted @ 2023-03-15 12:02 Dinesaw 阅读(32) 评论(0) 推荐(0) 编辑