消息关闭
    暂无新消息!


这里的this是undefine。。。。

这是我新建的指令dom

然后想点击这个按钮获取到b.oldValue

然后再这个方法里使用

现在是我不知道怎么拿到b.value,不知道怎么拿到它的值,所以用了上面非常笨拙的方法拿到值


3个回答

︿ 3

是要获取触发自定义指令的那个Vue实例么?在vnode参数的context属性中可以获得,也就是图中c.context


其实需求没理解太清楚,看下下面的例子是否是想要的。(点击按钮显示item.cid上次更新前的值)
demo: jsfiddle

<div id="app">
  <button @click="upgrade">click</button>
  <input v-dom="item.cid" v-model="item.cid" />
  <div id="output"></div>
</div>
Vue.directive('dom', {
  update(el, binding, vnode, oldVnode) {
    vnode.context.item.cidOld = binding.oldValue
  }
})

new Vue({
  el: '#app',
  data: {
    item: {
      cid: 'a',
      cidOld: null,
    },
  },
  methods: {
    upgrade() {
      console.log(this.item.cidOld)
      document.querySelector('#output').innerText = this.item.cidOld
    },
  },
})

或者这篇文档可以为你解惑?

︿ 1

vnode.context.item.cidOld = binding.oldValue
}
你这句写了有什么用呢。。。。好像完全没用到自定义指令的dom操作!我是想把update里的值传出去给upgrade方法用,就好像是document.querySelector('#output').innerText = this.binding.oldValue,但显然不能这么写,就是不会写这个