2021年12月27日问题记录——element ui 直接赋值页面不渲染的问题

最新推荐文章于 2023-03-28 14:14:34 发布
最新推荐文章于 2023-03-28 14:14:34 发布
阅读量517 收藏 2
点赞数
分类专栏： java vue ElementUI 文章标签： elementui vue java html js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/a1995_1995/article/details/122165857
版权
java 同时被 3 个专栏收录
8 篇文章 0 订阅
订阅专栏
vue
3 篇文章 0 订阅
订阅专栏
ElementUI
2 篇文章 0 订阅
订阅专栏

今天使用vue element ui 发现一个问题，就是在表格单选中直接在函数中用this.form.machineId=val.machiId这种赋值方式前端页面并不会渲染数据，但是this.form中确实已经有这个数据了。如下图：

 

但是要是把赋值方式改成下图这种方式，就可以：

 

 暂时还不知道这是为啥，先记录一下......

人在西北刚上线
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 4
    评论
专栏目录
解决el-input视图不更新的问题！！！
zly_101的博客
07-01 5166
上图中的数据列表为：this.makeCardDData.list this.makeCardDData.list = [{amountTit: “50元面值”, count: 0}, {amountTit: “100元面值”, count: 0}, {amountTit: “200元面值”, count: 0}, {amountTit: “500元面值”, count: 0}, {amount...
elementUI的table表格改变数据不更新问题解决
热门推荐
蓝胖子的博客
10-24 1万+
elementUI的table表格改变数据不更新问题解决
vue3使用elemnt-ui无法渲染问题
只想买把蝴蝶knife
03-31 725
这几天没有了解清楚版本问题，在vue3上一直导入element-ui不能使用，但是也不报错，以为是我哪里配置问题，但是运行完全正常。 网页界面显示： 代码显示: 解决办法直接使用element-plus就行了 https://blog.csdn.net/jinzai9976/article/details/115434263 ...
element el-autocomplete 不渲染的深坑....
qq_42977016的博客
04-08 5643
项目中，需求要求在input框中输入之后进行联想，我决定使用element ui 的 input中的这个组件 当我凭着我不甚灵光的脑袋终于想明白了这段代码的意思的时候，出现了一个让我不知所措的问题，我发现联想搜索的值在输入框中显示不出来…我以为自己过滤的有问题，但是返回值是有的。检查html发现条数对，但是里面没有值… 想到差点气死自己之后，去问了厉害的同事，同事说他怀疑是因为element...
element ui input输入不生效
weixin_45330738的博客
11-26 1540
element ui 优先处理input事件 所以应该在input上绑定修改值的事件或者方法
vue 解决数组赋值无法渲染在页面的问题
12-13
但是就是无法渲染出来，检查了不是视图那边是错，最后发现其中有两处错误，一处是this指向问题，此地打印出来的this.pics并不是data里面的pics的值，后面把success函数改成箭头函数即可，还有vue中数组赋值数组不能...
解决element ui select下拉框不回显数据问题的解决
10-17
在开发Vue.js应用时，Element UI是一个常用的组件库，提供了丰富的UI组件，其中包括`el-select`下拉选择框。然而，在实际使用过程中，有时会遇到`el-select`无法正确回显已选择数据的问题。本篇文章将深入探讨这个...
element-ui tree结构实现增删改自定义功能代码
10-14
在本文中，我们将深入探讨如何使用Element-UI的Tree组件实现增删改的自定义功能。Element-UI是一个基于Vue.js的开源UI组件库，它提供了丰富的组件供开发者使用，其中包括Tree组件，用于展示层级关系的数据。在描述的...
element树形控件懒加载的动态加载
09-08
利用element树形控件菜单栏被触发时加载事件进行Element树形结构懒加载的动态加载。
Vue动态生成el-checkbox点击无法赋值的解决方法
12-03
最近遇到一个问题，在一个页面需要动态渲染页面内的表单，其中包括 checkbox 表单类型，并且使用 Element 组件 UI 时，此时 v-model 绑定的数据也是动态生成的 例如： 定义的 data 的 form 里面是空对象，需要动态...
el-input输入内容延迟渲染问题
fuqiang133的博客
10-06 508
el-input输入内容延迟渲染问题
vue 解决form里面el-table的row里面属性的变化页面不渲染的问题
Hgfykl的博客
03-28 1485
vue 解决form里面el-table的row里面属性的变化页面不渲染的问题
vue+element-ui table数据直接赋值不渲染
onlybohe的博客
04-09 4530
vue+element-ui table数据直接赋值不渲染
记录elementui的一个数据渲染问题
weixin_42215572的博客
08-23 376
elementui的一个数据渲染问题
element ui 中 el-date-picker 时间选择器选择完成不渲染出来
KingShy1的博客
08-24 4930
element ui 中 el-date-picker 时间选择器选择完成不渲染出来 el-date-picker里面有change事件，但是：当你选中的值和你之前的值是一样的话是不触发的。 当你数据结构很多层的时候也会很难触发数据，渲染到页面上的。 解决办法 el-date-picker 里面选择时间的时候会触发input的事件的，所以在我们事件里面直接调用强制刷新页面的方法（$forceUpdate）来刷新数据，就可以了！ 代码如下： html： <el-date-picker
VUE+Element首次打开Dialog加载子组件数据未渲染（不显示）
学点的CSDN博客
11-16 7201
VUE+Element第一次打开弹窗组件时，父组件传给子组件的数据在视图中未显示，第二次以后再打开就可以显示（已解决）
element-ui 解决 el-select 设置默认值后无法切换选项 或el-input修改值后无法渲染
coffee_2803的博客
04-24 1573
element-ui 解决 el-select 设置默认值后无法切换选项 或el-input修改值后无法渲染 <el-select v-model="ruleForm.region" placeholder="请选择角色" @change="handleSelectChange"> <el-option v-for="item in roleOption" :key="item.id" :label="item.name" .
Vue项目input框手动赋值，视图却不更新问题解决
weixin_43611145的博客
07-07 6973
Vue项目this.$forceUpdate（）强制重新渲染页面 在最近写Vue+elementUI的项目时，出现了这样一个现象，数据都是后台传值回前台了，但是页面input框却没有显示回传的值。检查了v-model绑定，字段定义等，都没有问题，搜索了百度，也没有找到解决方法，最终找了一个有经验的同事，告诉我使用 this.$forceUpdate()解决了这个问题。 上网搜索资料才知道写的多层v-for嵌套（嵌套过深）导致的，render函数没有自动更新，需手动强制刷新。 this.$forceUpda
Element ui TableData数据变化了，表格不会重新渲染
qq_41306166的博客
02-02 4018
使用 this.$set方法 if(res.length>0){ res.forEach(l => { l.DtImpDate = l.DtImpDate.substring(0,10).replace(/-/, "/").replace(/-/, "/"); if(l.StrOutPath){ var d = l.StrOutPath; d = d.repla.
element-ui 案例
最新发布
09-08
一个element-ui的案例可以如下所示: 在main.js中，我们首先需要引入element-ui的样式和组件: ``` import 'element-ui/lib/theme-chalk/index.css'; import { Button, Table } from 'element-ui'; ``` 然后在Vue实例中使用这些组件: ``` Vue.use(Button); Vue.use(Table); ``` 接下来，我们可以在组件中使用这些element-ui的组件了。比如，在一个用户列表组件中，我们可以使用Table组件来展示用户数据: ``` <template> <div> <el-table :data="tableData"> <el-table-column prop="username" label="用户名"></el-table-column> <el-table-column prop="email" label="邮箱"></el-table-column> <el-table-column prop="phone" label="电话"></el-table-column> </el-table> </div> </template> <script> export default { data() { return { tableData: [] }; }, created() { this.$http.get("url").then(res => { this.tableData = res.data; }); } }; </script> ``` 在这个案例中，我们使用了Table组件来展示用户数据，通过调用接口获取数据，并将数据赋值给tableData属性，然后在模板中使用tableData来渲染表格。这样就实现了一个简单的element-ui的案例。<span class="em">1</span><span class="em">2</span><span class="em">3</span>

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 4
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

人在西北刚上线

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值