logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

Vue+Element 单选模式下Cascader级联选择器使用总结

一、单选模式下选择任意节点在单选模式下,只能选择叶子节点,是因为父子节点存在关联。官方文档中写道:“可通过props.checkStrictly = true来设置父子节点取消选中关联,从而达到选择任意一级选项的目的。”使用示例:<el-cascader :props="{ checkStrictly: true }" :options="options"></el-cascad

#elementui
Vue+Element 使用三元表达式改变form表单label标签文字内容

在这里只贴出局部代码<el-form-item :label="[triggerForm.recovery_mode == 1 ? '问题表现形式' : '表达式']" prop="expression"><el-input type="textarea" v-model="triggerForm.expression"></el-input></el-f

Vue+Element 动态绑定disabled属性

代码要实现一个动态添加和删除的时间控件列表,列表第一个不能删除,属性为disabled。<ul style="list-style: none"><li v-for="(item, index) in run_datetime" :key="index"><el-time-pickerformat="HH:mm:ss"value-format="HH:mm:ss"v-

Vue+Element将多选框组件el-checkbox-group成行排列

官网地址组件 | Element更改前:更改后:关键样式==>style="display:block;padding-top:10px",代码如下:<template><el-checkbox :indeterminate="isIndeterminate" v-model="checkAll" @change="handleCheckAllChange">全选&l

Vue+Element el-select数据回显(value和label)

遇到的问题:在编辑时,回显的数据为数字。因为巡检周期字段是按约定好的数字传参的,而前端需要根据数字展示文字。常见的情况还有性别,数字0表示男,数字1表示女。1 ==> 日巡检2 ==> 周巡检3 ==> 月巡检4 ==> 单次巡检修改前的效果:修改前的代码:<el-select v-model="editTaskForm.run_style" placeholder=

Vue+$route 监听页面跳转

场景:父页面A,子页面B。从父页面A跳转到子页面B,进行添加操作,添加完成,关闭子页面B,跳转回父页面A。因为新增一条数据,需要重新加载列表。父页面A局部代码如下:watch: {$route(to, from) {// console.log("到哪个页面去", to.path);// console.log("从哪个页面来", from.path);if (to.path == "/asset

VSCode Vetur版本0.31.0报错且不能格式化Vue文件

今天下午在写代码的时候,VSCode编译器右下角突然报错,报错内容如下:Vetur find `tsconfig.json`/`jsconfig.json`, but they aren't in the project root.而且不能进行格式化vue文件操作了,我这人有强迫症,找到是Vetur插件在一个小时前更新造成的结果,我采用的是版本回退的方法解决的这个问题。在Vetur插件进行鼠标右键

Vue+Element 解决Popover弹出框在table列表中的问题(弹出多个弹框 || 关闭弹框失败)

在使用Vue+ElementUI做项目的过程中,在table列表中使用Popover弹出框出现的BUG让我头都大了,官网没有给出具体的解决方案,于是在百度这片肥沃的土壤里寻找答案。试了好多种方案,最终在下面博客的评论里找到了解决办法。参考博客下面贴出我的代码局部代码:<!-- 删除用户弹窗 --><el-popover placement="top" width="160" :r

Vue 使用/deep/在当前页面修改Avue-CRUD组件的默认样式

Avue-CRUD组件默认样式:此页面不需要新增按钮,刷新图标按钮和列显隐图标按钮我都隐藏了(refreshBtn:false,columnBtn:false)但是有搜索功能,默认显示搜索图标按钮。我觉得该行太空了,不想要该功能,设置搜索显隐按钮(searchBtn: false),该行依然占位,搜索按钮也没了,所以不可取于是我便去修改Avue-CRUD组件的默认样式F12打开控制台,找到控制该d

#css
Vue+Element 使用三元表达式改变form表单label标签文字内容

在这里只贴出局部代码<el-form-item :label="[triggerForm.recovery_mode == 1 ? '问题表现形式' : '表达式']" prop="expression"><el-input type="textarea" v-model="triggerForm.expression"></el-input></el-f

    共 15 条
  • 1
  • 2
  • 请选择