logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

element-ui中的el-tab-pane实现显示隐藏的方法

直接用v-show是不起作用的,经过查找是说v-show起作用的本质是display:none,而因为td的display: table-cell;权限高于display:none,所以v-show失效,那么要实现显示隐藏的控制可以进行使用如下的方式:方式一:最简单有效的用v-if取代v-show实现。方式二:在el-tabs标签上添加ref,通过js进行控制,具体实现如下:例子:<el-t

#html5#vue.js#elementui
element UI el-select 绑定值为对象时设置默认值

适用场景描述:在项目中实现编辑功能时,如页面存在下拉框且下拉框的数据在点击相应的select时进行调用( 在编辑时可能需要修改部分数据,而且存在部分下拉数据并不是必选项,如果直接获取所有的下拉数据,可能会造成浪费 ),需要在下拉框内显示已有的值作为默认值,如图所示(以官网给的数据为例):绑定值为字符串:如果只是需要数据的单个值,例如:value时,直接把值绑定给value就可以。代码:页面代码:&

#vue.js#html5
处理map类型的json数据——把map转化为json格式

1.map和json的区别相同点:都是key,value式的存储。不同点是: json精确说键值也就是value支持String(存数值,数值存进,取String),map键值都存储象.2.把map转化为json格式:var jsonlist = [];tojsonlist(mapData.Datas.helper)function tojsonlist(objdata){va

解决vue 跳转相同路由携带不同参数,页面不渲染问题

解决跳转页面携带不同参数跳转相同路由,页面不会重新渲染的问题

#vue.js
vue 运行项目浏览器页面显示“该网页无法正常运作”

项目运行成功并自动弹出但是页面上显示:确定问题:检查build/webpack.dev.conf.js文件中是否存在下面代码:disableHostCheck: true,https: true,如果有的话,确定一下是否用的https进行的访问,如果用https进行访问进行信任后,出现以下页面:则需要把鼠标在空白处点击,输入:thisisunsafe相当于告诉谷歌这个是不安全的即可正常打开页面进行

#webpack#javascript#前端
vue项目配置多入口(分模块打包)

有时候在一个vue项目需要多个入口,解决这个问题的方法有两种:方法一:在main.js的入口文件中根据url的后缀名称进行判断然后进行页面的跳转localhost:8080?startPage=index根据startPage的值进行判断方法二:给vue项目配置多个入口文件,通过访问的地址的不同进行页面的跳转具体操作为:在pages文件夹下新建index和admin、unquali...

vue学习笔记1——v-if和templete 条件渲染 使用 key 控制元素的可重用

在官网上看教程,根据教程记录一下笔记:在进行条件渲染时,可使用 key 控制元素的可重用。官网例子效果如下图:点击按钮可进行切换。具体的实现代码官网给出了,但是只是html的代码。完整代码如下:html:<div class="demo"><button @click="greet">toggle 切换</button><template v-if="

前端实现base64格式文件的下载

利用Blob对象进行文件的下载例子(此例子是在vue中执行的,其他环境需注意方法的调用):base64格式文件let docbase64 = 'data:application/octet-stream;base64,0M8R4KGxGuEgCAIAAAAAAMAAAAAAAABGPgADAP7/CQAGAAAAAAAAAAAAAAABAAAAJQAAAAAAAAAAEAAAJAAAAAEAAAD

#html5#javascript#es6
vue在移动端实现禁用物理返回键

用vue-cli新建的项目中要实现某些页面禁用物理返回键,可使用以下的方法:方法一:在main.js中加上以下代码作为禁用路由判断的依据:const history = window.sessionStoragelet historyCount = history.getItem('count') * 1 || 0history.setItem('/', 0)router.before...

vue中使用百度地图的两种实现方法

方法一:直接引用js。1.在index.html中引入&lt;script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&amp;ak=你的密钥"&gt;&lt;/script&gt;2.添加配置在webpack.base.conf.js文件中添加如下配置:externals:{'BMap':'...

#html5
    共 37 条
  • 1
  • 2
  • 3
  • 4
  • 请选择