vue2 踩坑记

refs获得原生dom元素

组件a内部包含一个原生对象,组件a是别人写好的组件,没法直接修改,以下,使用vue

mint-ui 的field,里面包含一个input元素,咱们要取得input元素,而且focus()git

<mt-field  ref="inputField" class="city_field"  placeholder="输入学校、商务楼、地址" v-model="inputValue" ></mt-field>

解决方案github

this.$refs.inputField.$el.querySelector("input").focus());

参考这里dom

router-link 如何goback(-1)

router-link 要有一个to,没法直接绑定click,使用一种变通的方式,以下:ui

<router-link slot="left"  to="">
            <mt-button icon="back" @click="$router.go(-1)">返回</mt-button>
          </router-link>

vue自定义组件没法响应事件

看这里this

在 Vue 2.0 中,为自定义组件绑定原生事件必须使用 .native 修饰符:
<my-component @click.native="handleClick">Click Me 官方文档有说spa

相关文章
相关标签/搜索