![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue#问题
光穿过森林
hello world!
展开
-
vue嵌套路由
嵌套路由,子路由的界面将渲染到父路由的router-view,常用于嵌套结构,父页面几乎不变,子页面切换,如顶部菜单栏,店家切换中间内容,顶部菜单栏不消失嵌套路由代码如下const router = new VueRouter({ routes: [ { path: '/user/:id', component: User, children: [ { // 当 /user/:id/profile 匹配成功, // U原创 2020-05-19 22:31:09 · 406 阅读 · 0 评论 -
vue.$nextTick()用法
$nextTick方法的作用,就是当页面上元素被重新渲染之后,才会指定回调函数中的代码例子如下点击按钮后,按钮变成输入框,并且聚焦于输入框<!-- --><template> <div> <!-- 输入的文本框 --> <el-input class="input-new-tag" v-if="inputVisible" v-model="inputValue" .原创 2020-05-10 22:23:39 · 514 阅读 · 2 评论 -
v-model="obj.name",无法实时更新
<!-- --><template> <div> <input type="value" v-model="obj.name" /> </div></template><script>export default { data () { return { obj: { name: '' } // 此处没有定义name的话就无法实时更新 .原创 2020-05-09 10:09:00 · 239 阅读 · 0 评论 -
vue中arguments传参
父组件接收子组件的值的时候,有时候希望能在接收子组件的值的同时,在将另一个参数传入接收函数中,如下// 子组件 my-button<button @click="$emit('click', 'hello')">按钮</button>// 父组件<my-button @click="clickHandle(arguments, '我是父组件内的数据')"&...原创 2020-04-24 14:18:25 · 3494 阅读 · 0 评论 -
同时监听多个属性,以及watch中使用this注意事项
代码如下:watch: { valGroup123: () => { const that = this console.log('watch') console.log(that.valName) console.log(that.valIDCard) } }, computed: { valGroup1...原创 2020-04-24 12:27:20 · 1311 阅读 · 0 评论