首页 > 其他分享 >vue十六

vue十六

时间:2023-11-19 22:59:55浏览次数:29  
标签:vue 十六 app16 getElementById sou document

<div id="app16" style="text-align: center;margin-top: 10%;">
        <div>
            <input id="sou" type="text" style="width: 40%;" v-model="word">
            <button style="height: 70%">搜索</button>
        </div>
    </div>
    <script>
        const app16 = new Vue({
            el:'#app16',
            data:{
                word:[]
            },
            mounted(){
                setTimeout(function(){
                    console.log(document.getElementById('sou'))
                    document.getElementById('sou').focus()
                },0)
                
            }
        })
    </script>

 

标签:vue,十六,app16,getElementById,sou,document
From: https://www.cnblogs.com/cocotun/p/17842888.html

相关文章

  • vue中使用element中的表单展示数据
    要注意表单的data不能写错,只能是tableData  data里面的“item”可以改成别的,无所谓......
  • vue3 基础-Pinia 可能替代 Vuex 的全局数据状态管理
    Pinia初体验Pinia.js是由Vue.js团队核心成员开发的新一代状态管理器,使用CompositionApi进行重新设计的,也被视为下一代Vuex。Pinia是一个Vue的状态管理库,允许跨组件、跨页面进行全局共享状态,也由于其设计的简洁性、和对typescript的良好支持,取代Vuex指日可待。或许,你在想在vue......
  • vue15
    <divid="app15"><ul><liv-for="(item,index)innews":key="item.id">{{item.title}}<imgalt="img":src="item.img">&l......
  • 在Vue3中使用Element-Plus分页(Pagination )组件
    在Vue3中使用Element-Plus分页(Pagination)组件开发过程中数据展示会经常使用到,同时分页功能也会添加到页面中。记:在Vue3中使用Element-Plus分页组件与表格数据实现分页交互。开始实现引入表格和分页组件的H5标签。<strong>Element-Plus分页组件使用</strong><div> <el-ta......
  • 毕业十六年后,以院友的身份重返母校
    2023年11月10日,我硕士毕业十六年后,再次以院友和受邀嘉宾的身份重返母校,给学弟学妹们分享自己工作以来,关于软件开发领域的职业规划和行业思考。感谢电子科技大学计算机学院校友办冉老师的邀请。尽管接到母校【计承者·院友荟】栏目邀请之初时,只觉得诚惶诚恐,因为我浏览了这个栏目过......
  • vue项目中如何解决出现两次重新登录弹框的问题?
    举例描述一下业务场景:当token过期,需要用户重新登录时,需要在页面弹框提示重新登录。显然这个重新登录的提示弹框的逻辑是在响应拦截器中加的,我的代码如下:(只提供部分代码)1//返回拦截器2service.interceptors.response.use(3response=>{4if(response.d......
  • 自定义Vue脚手架
    创建一个vue项目,项目名叫custom选择最下面的自定义脚手架选择你需要的配置选择vue版本询问是否采用历史模式,默认是hash模式,history模式需要后端进行额外配置选择CSS预处理器选择eslint规范,这里选择的是无分号的规范选择什么时候进行校验,这里选择的是保存时进行校验......
  • vue slot插槽
      插槽(slot)是vue为组件的封装者提供的能力。允许开发者在封装组件时,把不确定的、希望由用户指定的部分定义为插槽,可以把插槽认为是组件封装期间,为用户预留的内容的占位符,适用于父组件→子组件,$slots是组件插槽集,是组件所有默认插槽、具名插槽的集合,可以用来获取当前组件的插......
  • springboot3+vue3大事件的展示
    跟着黑马老师,做了一遍收获很大 ......
  • vue项目中,如何去掉报错时出现的黑色遮罩?
    比如在我们发送请求时,返回401,此时出现带有401提示信息的黑色遮罩,我们不想要这个遮罩出现,只需要在控制台有报错信息就好,如下图显示,如何解决呢?解决办法:在vue.config.js文件中配置如下代码即可: ......