我想监视哈希更改,然后更改状态并重新呈现组件.所以我想知道在哪里监视组件生命周期中的哈希变化
例:
#/detail/:id => #/detail
{info:[a:1,b:2]} => {info:[]}
Run Code Online (Sandbox Code Playgroud)
.#/ detail /:id和#/ detail是相同的组件
假设我有两个数据属性:
data() {
return {
a: false,
b: false,
}
}
Run Code Online (Sandbox Code Playgroud)
当a
并b
成为true
在同一时间,我想办理相关任务.
如何在Vue中使用watch方法来实现此目的?
我在jsfiddle中有一个简单的示例,如示例中所述,我想通过v-html插入元素,然后将事件绑定到insert元素中。除了通过这种方式添加id操作dom之外,还有更好的方法吗?
https://jsfiddle.net/limingyang/bnLmx1en/1/
<script src="https://unpkg.com/vue/dist/vue.js"></script>
<div id="app">
<div v-html="link"></div>
</div>
var app = new Vue({
el: '#app',
data: {
link: '<a href="javascript:void(0)">click me</a>'
}
})
Run Code Online (Sandbox Code Playgroud)