全部文章 / Vue
排序： 默认 按更新时间 按访问量
vue修改对象数据页面没有刷新显示。解决方法一：给对象初始值赋值temp: {date: '', title: '', open_remind: true},此时修改对象temp的title值，页面渲染title值会实时刷新显示。解决方法二：强制刷新this.$forceUpdate(); // 强制更新
2022-08-28 17:04
阅读数 5653
评论数 0
<el-switch v-model="value" active-color="#13ce66" inactive-color="#ff4949" @change="changeData"/>以上采用默认的change事件，那么它只会传组件事件内部参数。假设我们组件在表格上使用，需要额外传一个index序号或者id之类的，应该如何处理呢？此时我们可以使用闭包的方式。<el-switch v-model=...
2022-07-27 22:53
阅读数 5187
评论数 0
vue页面url参数变化了，改变一些变量数据。可以使用如下方式，在watch，监听 $route。 watch: { $route() { this.showTab = this.$route.query.tab || 'base' } },也可以用如下方式： watch: { $route: { handler(newVal, oldVal) { if (newVal) { this.showTab = this.$...
2022-07-28 16:45
阅读数 5116
评论数 0
事件：@keydown.enter.native<el-form-item> <el-input id="commentTextId" ref="commentText" v-model="comment" type="textarea" :autosize="{ minRows: 3, maxRows: 6}" maxlength="120" show-word-limit @keydown.enter.native="keyDown" /> </el-form-item>// 省略代码keyDown(e) { if (e.ct...
2022-07-29 10:16
阅读数 5076
评论数 0
Vuex 是什么？Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式 + 库。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。什么是“状态管理模式”？让我们从一个简单的 Vue 计数应用开始：const Counter = { // 状态 data () { return { count: 0 } ...
2022-07-28 16:06
阅读数 4985
评论数 0
陷入死循环mounted() { location.reload() }正确方法mounted() { if (location.href.indexOf("#reloaded") == -1) { location.href = location.href + "#reloaded"; location.reload() } }
2022-07-23 11:10
阅读数 4006
评论数 0
element-ui开发，报错信息如下：[Vue warn]: Error in beforeDestroy hook: "Error: [ElementForm]unpected width " found in ---> <LabelWrap> at packages/form/src/label-wrap.vue <ElFormItem> at packages/form/src/form-item.vue <ElForm> at packages/form/src/form.vue <ElDialog&g...
2022-05-08 15:48
阅读数 224
评论数 0
先来看以下这段代码。这里el-form表单，表单验证rules。实现效果：<el-form ref="dataForm" :inline="true" :rules="rules" :model="temp" label-position="top" label-width="auto">　<el-form-item label="手机号" prop="phone"> #省略代码　</el-form-item> <el-form-item label="邮箱" pro...
2022-05-08 15:44
阅读数 198
评论数 0
当我们使用表格组件，el-table的时候，开启selection选择框的时候，我们想要在选择变化事件粗发，传入自定义的参数数据。如何实现呢？默认：<el-table ref="multipleTable" :data="prow" highlight-current-row tooltip-effect="dark" @selection-change="handleSelectionChange" > <el-...
2022-05-08 16:11
阅读数 162
评论数 0
问题： Props with type Object/Array must use a factory function to return the default value.在vue中如果当在父组件通过props传Array/Object类型值给子组件的时候，如果子组件的props接收default为 ，如下：props: { value: { type: Array, default: [] },以上代码会报错：[Vue warn]: Invalid defau...
2022-04-16 22:24
阅读数 176
评论数 0
使用elementUI的时候，使用多选组全选的时候，渲染数据会发生，全选状态没有变更。indeterminate 状态变更错误。翻看了element-ui官方文档，但是也没有找到。最终在vue相关知识点发现，是由于传过来的数据是数组，数组中数据发生变化，vue是侦听不到的，但是重写的这几个数组的方法（比如splice()、pop、push等）修改的...
2022-04-15 22:08
阅读数 189
评论数 0
在vue开发过程中，我们经常需要从父组件往子组件传数据，同时父组件也需要接收子组件回传的数据。那么vue是如果实现呢？父组件通过 props 向下传递数据给子组件，子组件通过 events 给父组件发送消息。一、父组件向子组件传递数据例如：父组件使用testCom子组件<test-com :ddd="传给组件数据" />子组件接收：name:...
2022-04-19 22:09
阅读数 107
评论数 0
1、自定义指令局部：directives: { focus: { // 指令的定义 inserted: function (el) { el.focus() } } }使用：<input v-focus>全局：// 注册一个全局自定义指令 `v-focus` Vue.directive('focus', { // 当被绑定的元素插入到 DOM 中时…… inserted: function (el) { // 聚焦元素 ...
2022-04-11 22:35
阅读数 206
评论数 0
知识点1：element里面的trigger: 'blur'和trigger: 'change'有什么区别？答：触发方式：blur失去焦点，change数据改变知识点2：ref属性是什么？答：ref用于在vue中操作dom元素ref='test'this.$refs.test.dom操作或this.$refs['test'].dom操作知识点3：solt是什么？答：元素槽，组件下嵌套元素知识点4：数据绑定变量+字符...
2022-04-08 23:25
阅读数 206
评论数 0
一、跳转url加上变量参数1、方式一：使用route-link 标签，to属性跳转<router-link :to="{ path: '/b/index', query: { id: id, name: name } }">跳转1</router-link> <router-link :to="{ name: 'index', params: { id: id, name: name } }">跳转2</router-link>// 省略代码data() { return...
2022-04-10 00:04
阅读数 174
评论数 0
window.onresize 事件当浏览器被重置大小时执行，onresize 事件会在窗口或框架被调整大小时发生。1、window.onresize事件一般放在created或者mounted生命周期中，这样界面改变是能触发。2、window.onresize中的this指向的是window，不是指向vue，如果需要调用methods中的函数，需要在window.onresize事件的前面把指向vue...
2022-04-09 23:35
阅读数 174
评论数 0
1、new Vue()Init Event & Lifecycle 初始事件和生命周期beforeCreate（创建前）在实例初始化之后，数据观测和事件配置之前被调用，此时组件的选项对象还未创建，el 和 data 并未初始化，因此无法访问methods， data， computed等上的方法和数据。Init injections & reactivity 初始注入和核心activitycreated( ...
2022-04-08 23:30
阅读数 171
评论数 0
共 17 条
  • 1
前往
页