摘要：
在一个项目需求中，请求数据，得到的数据dataAll渲染到页面的select下拉表单中，当时是需要一进页面就要默认选中第一个选项，所以直接将dataAll的第一个索引值赋值给了表单的绑定值formVal。当再次手动选择的时候，页面不在有反应，显示始终是默认的那个值，于是查百度发现，原来是深层渲染的问 阅读全文
摘要：
项目需要在后台接收的字段值为小写，但在页面上显示大写英文，但操作页面之后，最终传给后台的依旧是小写，所以就需要使用css转化一下即可 <li>This.is.a.book,全部转为大写：</li> <li style="text-transform: uppercase">This.is.a.boo 阅读全文
摘要：
写一个json对象，但需求需要是带空格的键，定义的话很容易定义，只需要双引号引起来即可，但取值的时候怎么取，直接写 会报错，所以就有了下边的办法 <el-form-item label="活动名称"> <el-input v-model="form['miss name']"></el-input> 阅读全文
摘要：
项目中有一个问题是在一个下拉选择的表单，当改变其值时表单下边会出现新的特定的表单需要填写，所以在选择一个值的时候，进行下边的表单填写，但当此时再改变选择的值，下边的表单将变为初始值，当时是在created中把下边动态改变的表单初始的值保存下来，因为created只在渲染dom时运行一次 <el-fo 阅读全文
摘要：
遇到的项目问题是在每个折叠面板里边都有不同的表单，用element上的校验时，若有没填写的表单或不符合表单格式的要求，则自动展开该折叠面板，且页面定位到没校验成功的表单 this.$refs.form.validate((valid, object) => { if (valid) { alert( 阅读全文
摘要：
需求：for循环渲染上去的表单怎么使用element的表单校验 之前做这个的时候，死活绑不上去，不知道哪里出了问题，后来解决办法是prop要注意用拼接，使它和索引的变量一致 <el-form-item label="name" :prop="'textShow.'+index+'.name'" :r 阅读全文
摘要：
需求：每次添加一个折叠面板时，让最新的折叠面板展开，其余的关闭 动态控制展开折叠面板，首先绑定name，v-model = activeName 我们的项目中是当添加折叠面板时，直接push进这个数组collapseData，循环这个数组新建折叠面板 <el-collapse accordion v 阅读全文
摘要：
首先，效果是点击添加折叠面板，折叠面板的title右侧是关闭的小按钮，每次添加的面板都自动展开，其他的面板自动关闭，但其中发现一个问题是，每次点击关闭的时候，虽然上一个面板被关闭了，但他的下一个会自动打开，想把这个问题解决就发现是冒泡时间，当点击的时候会冒泡，误以为是点击展开，所以vue里边有个阻止 阅读全文
摘要：
在项目中会用到模糊查询，之前在首页是用的element的tree显示的目录，会有用到搜索，但tree里边会有自带的模糊查询，用filter-node-method方法使用 但上次的项目中 又涉及到不试用插件的模糊搜索，使用原生来搜索，其实网上有很多种，但个人觉得正则还是好用，不区别大小写很方便，之前 阅读全文
摘要：
项目中的表格请求数据时，进去页面，先出现 ''暂无数据'' 字样闪现一下之后在进行加载数据，用户体验十分不好 解决办法： <template> <el-table :data="tableData" style="width: 100%"> <template slot="empty"> <p>{{ 阅读全文